应用思考-教育技术论坛
标题:
使用Flash制作太阳、月亮和地球运动的课件
[打印本页]
作者:
etthink
时间:
2011-11-11 13:12
标题:
使用Flash制作太阳、月亮和地球运动的课件
转载自flash课件网，有兴趣朋友可以参与QQ交流群：510280445
太阳、地球和月亮相互运动的课件：要求地球绕太阳公转，月亮绕地球转的动画，地球和月亮分别自转。
个人认为考虑到要使得太阳、地球和月亮三者大小要成比例，太阳最大，月亮最小。
如果月亮也要做出自转效果，我们将无法看清了，因此本课件中我只制作了地球的自转效果。
一、制作太阳和月亮
我在百度上搜了一下，找到了一张背景色为黑色的太阳照片，将就着使用吧。导入到库中，并转换为影片剪辑，导出为Sun类（后面用），至于月亮就更简单了，新建影片剪辑，使用椭圆工具绘制一个圆形，设置颜色为灰白色就行了。
二、制作地球的自转效果
1.新建图形元件，绘制圆形，设置填充色为放射状，周边为蓝色，中心为白色（颜色样本中有）。
2.新建图形元件，按照五大洲的形状绘制出地球的表面的陆地轮廓（演示地球自转用）。这个较难，需要耐心才行。
3.使用遮罩制作地球自转效果。
三、制作地球月亮公转效果。
1.新建影片剪辑，拖动制作好的地球和月球到舞台中，分别放入不同的图层中。
2.给月球层添加引导层。使用椭圆工具绘制圆形，并将月球拖到圆形曲线上，将月球的中心点对准曲线。根据需要制作补间运动效果。
3.制作好后，导出为Earth类。
四、制作太阳、地球和月亮相互运动效果。
这个运动效果，本人使用ActionScript3.0脚本实现了地球系统围绕太阳做运动的效果。
最大化查看效果更好
。
import flash.events.Event;
fscommand("allowscale", "false")
var angle:Number =- .03
var cos:Number = Math.cos(angle);
var sin:Number = Math.sin(angle);
var earth:Earth=new Earth();
var sun:Sun=new Sun();
addChild(sun);
addChild(earth);
sun.x = 220
sun.y = 180
earth.x=50
earth.y=50
sun.scaleX=.6
sun.scaleY=.6
addEventListener(Event.ENTER_FRAME,onframe);
function onframe(event:Event):void
{
var x1:Number = earth.x-sun.x ;
var y1:Number = earth.y-sun.y;
var x2:Number = cos * x1 - sin * y1;
var y2:Number = cos * y1 + sin * x1;
earth.x = sun.x + x2;
earth.y = sun.y + y2;
}
复制代码
(, 下载次数: 249)
上传
点击文件名下载附件
查看课件效果：
http://www.eportfolios.cn/swf/sunearth.swf
课件下载：
(, 下载次数: 201)
上传
点击文件名下载附件
该贴已经同步到
etthink的微博
作者:
四叶草宝贝
时间:
2011-11-20 20:15
老师啊，帮我改改这个Flash吧，实现不了按钮动画实现后回到初始位置。
作者:
东拼西筹
时间:
2011-11-20 23:16
四叶草宝贝 发表于 2011-11-20 20:15
老师啊，帮我改改这个Flash吧，实现不了按钮动画实现后回到初始位置。
一堆timer，只有addEventListener，没有removeEventListener，每次reset()，不就ok了
欢迎光临 应用思考-教育技术论坛 (http://etthink.com/)
Powered by Discuz! X3.4
该贴已经同步到 etthink的微博
