原文:Scratch少儿编程系列:(七)太阳系八大行星的运转

一 程序说明 本程序用来模拟太阳系八大行星的运转过程。 二 程序流程图 为了更直观的描述上述过程,采用流程图的方式将猜数字的过程进行描述。 还在制作中... 三 制作过程 . 场景和角色的选择 场景采用太空主题下的stars场景: 删除角色 喵星人 ,选择分类 太空 中的sun和Planet : .脚本的制作 将下图中的脚本拖到脚本区域即可: .源代码下载: 请点击如下链接下载:https: fi ...

2019-06-16 09:32 0 953 推荐指数:

查看详情

html+ccs3太阳系行星运转动画

做一个太阳系八大行星运转动画,不包括行星的卫星,所有行星围绕太阳公转,行星采用纯色,暂时没有自转。 效果静态图: 动画中包括:太阳及各行星,运行轨道,行星公转动画。 先画好草图,设计好大小和位置,根据公转周期计算好动画执行的时间。 html的结构: 一个class ...

Wed Jun 08 15:31:00 CST 2016 17 4549
html+ccs3太阳系行星运转动画之土星有个环,地球有颗小卫星

在上一篇《html+ccs3太阳系行星运转动画》中实现了太阳系八大行星的基本运转动画。 太阳系又何止这些内容,为丰富一下动画,接下来增加“土星环”和“月球”来充盈太阳系动画。 下面是充盈后的动画效果静态图。 一、土星环 修改原来土星的div,在外面放一个包裹层div,class ...

Mon Jul 11 21:44:00 CST 2016 3 1788
使用css3的动画模拟太阳系行星公转

本文介绍使用css3的animation画一个太阳系行星公转的动画,再加以改进,讨论如何画椭圆的运行轨迹。然后分析京东和人人网使用animation的实际案例,最后结合css3的clip-path做一些比较特别的动画。 太阳系最终的效果图如下:   css3的animation是通过关 ...

Wed Oct 14 06:29:00 CST 2015 9 11388
three.js模拟实现太阳系行星体系

概况如下: 1、SphereGeometry实现自转的太阳; 2、RingGeometry实现太阳系星系的公转轨道; 3、ImageUtils加载球体和各行星贴图; 4、canvas中createRadialGradient实现太阳发光效果; 5、THREE.Sprite精灵实现太阳系 ...

Tue Sep 03 07:10:00 CST 2019 2 880
canvas绘制太阳系

原文地址:canvas绘制太阳系 学习canvas有一段时间了,顺便写个小项目练手,该项目用到的知识点包括: ES6面向对象 基本的三角函数 canvas部分有:坐标变换,渐变,混合模式,线条和图形的绘制。 实际效果: solar system(推荐在chrome ...

Fri Oct 27 17:14:00 CST 2017 2 1553
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM