第七章教学软件的动画模拟效果设计

二、教学软件交互动画设计
(2)连续复制影片剪辑的方法 ❖ 单击按钮复制 ❖ 循环语句复制 ❖ 时间轴跳转复制
二、教学软件交互动画设计
(2)连续复制影片剪辑的方法 ❖ 单击按钮复制
on (release) { i = i + 1; duplicateMovieClip(shu_mc, "shu" + i + "_mc", i); this["shu" + i + "_mc"]._x = 100 + i * 50; this["shu" + i + "_mc"]._y = 20;
二、教学软件交互动画设计
4.实例分析 （1）自由落体运动 ❖程序分析
✓ 获取影片剪辑初始位置 x0,y0 ✓ 取得一系列不同时间 1，2，3….T
for(t=1;t<=T;t++) ✓ 复制影片剪辑：duplicateMovieClip（）；
✓ 复制影片剪辑的位置： mc._x=x0; mc._y=y0+h
二、教学软件交互动画设计
(3)平抛运动完善 ❖设置按钮交互：播放 、重置、暂停 ❖ 高度的变化，T值可能非整数时球的位置 ❖ 考虑程序的容错性、Tt界=!T=面int友(T好)
操作提示，判断用户ba输llm入c1条.x 件= x0 + v0 * T;
ballmc1.y = y+0.5*g*T*T（地面）
(2)平抛运动 ❖ 动态显示 :时间轴循环
//第2帧循环体 var ballmc:MovieClip=new ball(); h=0.5*10*t*t; duplicateMovieClip(ball_mc, "ball" + t + "_mc", t); this["ball" + t + "_mc"]=x0+v0*t; this["ball" + t + "_mc"]._y = y0 + h;
二、教学软件交互动画设计
(2)平抛运动 ❖ 动态显示 :时间轴循环
//第1帧设置初始条件 var H,x0,y0,t,T,h,v0; v0=30; H=500; x0=ball_mc._x; y0=ball_mc. _y; t=1; T=Math.sqrt(2*H/10);
二、教学软件交互动画设计
this["shu" + i + "_mc"]._x }=e1ls0e0{+ i * 50;
this["shu" + i + "_mc"]._y = 2s0t;op();
}
操作过程
二、教学软件交互动画设计
(3)影片剪辑的属性 ❖ x 坐 标： movieClip. _x ❖ y 坐 标： movieClip. _y ❖ 宽 度： movieClip. _width ❖ 透 明 度： movieClip. _Alpha(0-1) ❖ 水平缩放比例：movieClip._scaleX() ❖ 垂直缩放比例：movieClip._scaleY() ❖ 旋转角度：movieClip._rotation
某个时刻t的位置h： h=0.5*g*t*t
所需要的总时间：T=Math.sqrt(2*H/g)
二、教学软件交互动画设计
4.实例分析：平抛运动 （1）自由落体运动 ❖场景设计 ❖交互设计
高度：H=500； 某个时刻t的位置h： h=0.5*g*t*t 所需要的总时间：T=Math.sqrt(H/0.5*g)
(2)平va抛r H运,x动0,y0,t,T,h,v0;
H=500;
❖ x0 =vb0a=ll3_0mc._x; ❖ y0 =sb=avll0_*mtc._y;
v0=30; T=Math.sqrt(2*H/10); for (t=1; t<=T; t++) {
duplicateMovieClip(ball_mc, "ball" + t + "_mc", t); h = 0.5 * g * t * t; tthhiiss[[""bbaallll"" ++ tt ++ ""__mmcc""]]=._xx0+=vx00*;t; this["ball" + t + "_mc"]._y = y0 + h; }
}
操作过程
二、教学软件交互动画设计
(2)连续复制影片剪辑的方法
❖ 循环语句复制
var i = 0;
for (i = 1; i <= 5; i++) {
duplicateMovieClip(shu_mc, "shu" + i + "_mc", i); this["shu" + i + "_mc"]._x = 100 + i * 50;
二、教学软件交互动画设计
(3)平抛运动完善 ❖动态显示 :时间轴循环 ❖ 控制初速度：设置动态文本(v0_txt) ❖ 控制对象的高度：设置输入文本(H_txt) ❖ 查看落下时间：设置输入文本(t_txt） ❖ 查看某时刻h置：设置输入文本(h_txt） ❖ 查看某时刻s置：设置输入文本(h_txt）
课后练习
❖ 按照从简单到复杂，逐渐完善程序设计的过程，完 成制作本节课的平抛运动实例。
1、教学软件交互动画设计的流程
物理模型 数学模型
分析研究现象 建立模型
设计关键因素
场景设计 交互设计
as语句
二、教学软件交互动画设计
2、教学软件交互动画模拟效果案例 ❖ 平抛运动 ❖ 正弦曲线 ❖ 纵波演示 ❖ 抛物线图像
二、教学软件交互动画设计
3、教学软件交互动画制作技术知识 （1）影片剪辑的添加与删除的方法
二、教学软件交互动画设计
(3)平抛运动最终 ❖ 源程序分析
本章小结
❖ 复杂交互动画模拟效果设计的流程 ❖ 利用AS添加、删除影片剪辑的方法：
duplicateMovieClip ()、removeChild(); ❖ flash程序实现循环的方法
for语句、时间轴的跳转 ❖ 掌握程序设计的过程：从简单到复杂，逐渐完善
二、教学软件交互动画设计
4.实例分v析ar H, T, t, h,x0,y0; （1）自由Hg =落=15体00;0运; 动
T = Math.sqrt(H / 0.5 * g); x0 = ball_mc._x; y0 = ball_mc._y; for (t = 1; t <= T; t++) {
聊大传媒技术学院
冯天敏
重点、难点
❖教学软件中动画模拟效果设计的流程 ❖影片剪辑添加与删除的方法 ❖连续复制影片剪辑的方法
本章内容
一、教学软件动画模拟效果概述 二、教学软件交互动画模拟效果设计
本章内容
一、教学软件动画模拟效果概述 二、教学软件交互动画模拟效果设计
一、教学软件动画模拟效果概述
1、教学软件中动画的作用 ❖ 课件本身增加趣味性 ❖ 学科教学需要
❖ 复制（添加）某一影片剪辑
duplicateMovieClip(目标,新名称,深度); duplicateMovieClip(shu_mc,"shu1_mc", 1); duplicateMovieClip(shu_mc, "shu"+i+"_mc",i);
❖ 移除影片剪辑对象的方法
removeMovieClip (目标);
二、教学软件交互动画设计
(2)平抛运动 ❖ 动态显示 :时间轴循环
//第3帧设置循环条件 t=t+1; if (t<=T) {
gotoAndPlay(2); }else{
stop(); }
二、教学软件交互动画设计
(2)平抛运动 ❖动态显示 :时间轴循环 ❖ 控制初速度：设置动态文本(v0_txt) ❖设置按钮交互：播放 、重置
二、教学软件交互动画设计
(4)数学函数（Math类） Math.sqrt()
舞台坐标系
(0,0)
x
（x0,y0）
h
（x0,y0+h）
s
（x0+s,y0+h）
y
二、教学软件交互动画ቤተ መጻሕፍቲ ባይዱ计
4.实例分析：平抛运动 （1）自由落体运动 ❖分析现象 ❖ 数学模型:H=1/2*g*T*T ❖ 设计的关键因高素度：H；
duplicateMovieClip(ball_mc, "ball" + t + "_mc", t) h = 0.5 * g * t * t; this["ball" + t + "_mc"]._x = x0; this["ball" + t + "_mc"]._y = y0 + h; }
二、教学软件交互动画设计
this["shu" + i + "_mc"]._y = 20; }
操作过程
二、教学软件交互动画设计
(2)连续复制影片剪辑的方法