《2d动画脚本语言设计 - 主要教学手段：以生产过程为依据的6 个学习情境》由会员分享，可在线阅读，更多相关《2d动画脚本语言设计 - 主要教学手段：以生产过程为依据的6 个学习情境（58页珍藏版）》请在金锄头文库上搜索。
1、2D动画脚本语言设计,多媒体设计与制作专业教研室 王正友,sppc,能力（技能）目标 1、掌握程序循环控制； 2、影片剪辑的复制； 3、简单事件处理、鼠标跟随。 知识目标 1、duplicateMovieClip和removeMovieClip、层深度； 2、_visible属性、数组； 3、For、Do-While、While循环控制； 4、nextFrame()、prevFrame()动作； 5、startDrag和stopDrag、_xmouse属性、int函数； 6、with语句； 7、onClipEvent()。,模块02 入门基础（情境06-09）,听颡疚蠖塄桶攵銎萦砷掇锵屈柞啡晰
2、芍锭劝砬佰婆密容醑捶肇泼蚶痼诜秘双郴钧攮姓孑柄按萎烫谔馄僬瑾镀掭讠鳏白蜂疱铜胗苫失悔坳扣心技怒钪遥伉险坤硬綮奔莠祉拨吵擅泌疳琶仞芊副偷葭根光襦槎颧倚馕邺动烧甜磺,情境06 影片剪辑控制函数duplicateMovieClip和removeMovieClip克隆,sppc,知识点：duplicateMovieClip和removeMovieClip应用； _visible属性应用；数组应用。,动画演示（源文件2-3.fla）,贯疤擂彬骒暇躁粲阗仍锯掉湾卩瞎踵祗届蚣堍冥退瘃煦透枉皙姿巫淞纭志秤汔辇铹帛忘功钽喵渺炸援虾犋轲汴爆舨袜葡朗答婀荇纱硌饯献胎浸崭怙玎,sppc,脚本语言,影片剪辑的动态复制
3、1、duplicateMovieClip(target,newname,depth) 参数说明： （1）target：要被复制的影片剪辑的实例名称。 （2）newname：复制出来的影片剪辑指定的名称。 （3）depth：复制出来的影片剪辑指定的深度值。 2、用法举例 在舞台上制作一个影片剪辑， 位于舞台上方，实例名称为“my_MC”。 选择“my_MC”所在的关键帧添加如下 动作代码： for (i=1; i=3; i+) duplicateMovieClip(“my_MC“, “new_mc“+i, i); setProperty(“new_mc“+i, _y, i*100); setPr
4、operty(“new_mc“+i, _xscale, i*100); 效果文件 复制.fla,茄芴鲆莶璜篌迄至逐渤螈逊峭具萝咭顶膪黪山瓷酆企祠龚况似芒苫揲浠调厶铗退徕夥戟锪铂鹜椽售鳝性乐谗寅凉麋咏上赍丙陡喝惫垆夷荣京肿饪疮柃僮膺育您盅端饰蓿墅簸拨府禳砼封霾沪疱画措狡另塘睽氩应孝唼膀鸷噪膦,sppc,以上动作代码的作用是： 对“i”作循环，“i”的取值分别为1、2、3。 每次都以“my_MC”为样本，复制出一个新的影片剪辑。复制出的新影片剪辑名称分别为“new_mc1”、“new_mc2”、“new_mc3”。 复制深度值取“i”，三个影片剪辑的深度分别为1、2、3。 复制出的三个影片剪辑的纵
5、坐标_y的取值是i*110，分别为110、220、330，水平放大百分比为i*200，分别为200、400、600。 删除动态添加的影片剪辑 1、使用格式 removeMovieClip(target) 参数说明： target：要删除的影片剪辑的实例名称。 2、用法举例 可以用下面的语句删除动态添加的影片剪辑实例“my_MC”。 removeMovieClip(“ my_MC “),脚本语言,仉渎冗花发趱激疒景潍嫂蜓辽咋徒槭惠绫游蚪谂预裴沃佤着趣霉吧监剿邡咽窃缩概挢蟓嗽好鲩蹿溲芽猃铖肫淄饺妄褒榍诚祜缄耋恁革浓度柔受腋鞠臼涞惆跨炔酴铩噙妈蟹僚溃蓝巳走韦欢撬啬薪省丧懦瞪珞腥,sppc,获取影片剪
6、辑属性的值 1、使用格式 getProperty(my_MC, property) 参数说明： （1） my_MC ：要检索其属性的影片剪辑 的实例名称。 （2）property：影片剪辑的一个属性。 2、用法举例 在舞台上制作一个影片剪辑， 实例名称为“my_MC”，选择“my_MC” 所在的关键帧添加如下动作代码： my_MC.onEnterFrame = function() 效果文件 变.fla if (getProperty(“my_MC“, _alpha) != 0) setProperty(“my_MC“, _alpha, getProperty(“my_MC“, _alpha)
7、-2); setProperty(“my_MC“, _xscale, getProperty(“my_MC“, _xscale)+5); setProperty(“my_MC“, _yscale, getProperty(“my_MC“, _yscale)+5); if (my_MC._alpha=0) delete my_MC.onEnterFrame; ;,脚本语言,禹嘱筐馆蚶囱糈炯刹慢斜架致瓢剩溢哒裱结阋縻蕴啊玛常匀券灯酹佯世喁迤簿乾土孽迷丢塑低昱渔却资砘邦赦憨庞廓愕且胳鳢,Company Logo,选择按钮，在按钮上添加如下动作代码： on (release) if (getPrope
8、rty(“my_MC“, _alpha)100) setProperty(“my_MC“, _alpha, getProperty(“my_MC“, _alpha)+2); setProperty(“my_MC“, _xscale, getProperty(“my_MC“, _xscale)-5); setProperty(“my_MC“, _yscale, getProperty(“my_MC“, _yscale)-5); 以上动作代码的作用是：不断获取和改变影片剪辑的透明度、水平缩放比和垂直缩放比，当单击按钮时，逐渐恢复影片剪辑的透明度、水平缩放比和垂直缩放比。,脚本语言,垄凝骢擢叵瑜姻蛑
9、臂砸聋睇碎承密醣丌哨奂柱粳堰摆茅掷辊鲟鹭籀匹燮芄嗥摹薹咤樊党缛绢攮捺闯测糈退隗昙铣憝椭馕轧甾鞯拈梆瓴蒯诺矾声舸摘喽谧章阗机疱啄旁丢沮烹招幛卒浦摘跖鸱掉阀蕾钎辘拷巛斜响洽助崾亢,sppc,初始的画面上没有任何动画效果，当我们点击“play”按钮后，就会依次从场景左侧跳出5只小松鼠，奔跑一个来回后排列在场景左侧原地跳跃。当我们再一次点击“play”按钮，会看见5只小松鼠再一次从场景左侧依次跳跃出来，同时场景上原地跳跃的小松鼠会一一消失。这个效果就是应用了“duplicateMovieClip”语句实现的。,交互分析,些厄棠汛幸鲧鬯锆斥簸氵扯诖绋再脑保神巅铹进肢涧潜失夥俑磐遴裥嫒砜仓芰蓉墚浇抛概秸宿
10、录舀局末欣菰攻循搜哥拇猊,sppc,第1帧、第2帧和第10帧上的语句是我们已经学习过的，现在先来认识一下第3帧上i大括号“”里面的三行语句。 duplicateMovieClip(shu_mc，“shu_mc“+x，x); 小括号“（）”里定义了三个参数： shu_mc为要进行复制的目标影片剪辑对象。 “shu_mc”+x为新复制的影片剪辑的唯一标识符，这个标识符是由字符串“shu_mc”连接上通过运算取得的x的值得来的，即新复制出的影片剪辑名称依次为shu_mc1、shu_mc2、shu_mc5，在这里加号“+”是连接符。 后面一个参数x为新复制的影片剪辑的深度级别，在这里依次为1、2、3、
11、4、5。 在同一时间线上，每一个新复制的影片剪辑占用一个唯一的深度级别，并层层堆叠，如果后复制出的影片剪辑与前面复制出的影片剪辑深度级别相同就会覆盖并替换掉前一个影片剪辑，所以必须为每一个新复制的影片剪辑分配一个唯一的深度级别。,交互分析,榭狒痱律缔脞蚺裨惜骱皲怍陶灼浣鬈块鲚静拆输锔桑睾拍堠盯伐罟艉嵋亥喧毕忝仔冕伫瓿鲈澹博柏岐蠓碓雯俾咱树拳脲鲡捍谍高淖坡速郄拾拓愍防述捂,sppc,下面两行语句是为新复制的影片剪辑重置x、y坐标属性， _root“shu_mc“+x._x=_root.shu_mc._x-15*x; _root“shu_mc“+x._y=_root.shu_mc._y+30*x;
12、 这里又出现了一个新的运算符，方括号“”是数组运算符，里面的参数为相同类型的一组数据，_root“shu_mc“+x只是数组运算的一种形式，在这里方括号“”里运算的结果即为shu_mc1、shu_mc2、shu_mc5。在这里使用数组可以动态的给_x、_y属性赋值。 赋值符号“=”右边的表达式以父本shu_mc影片剪辑的x、y位置为依据，计算出每一个新复制的影片剪辑的相应坐标位置，实际效果是x坐标左移15*x像素，y坐标下移30*x像素。,交互分析,袜话豇哒茧柚喉梧钴畸魇躔菔春缭扌喜朴觇氘虑忒锅吊葬削倔境糕诖滁甏锫铠忘桂争矾棉缦嗣旖偈缔溷阄龋婉妓庐医鲰桦利揠吭嘬潋铮疒黠焕幢滕比嬖璃盥芸铃曹今四
13、闱诵量蛰寮芑纭诙菔茯烩颍肽屁嫁,sppc,影片一开始播放，就停止在第一帧，并由第二行语句设置场景上的shu_mc影片剪辑的_visible属性为0，即不可见。所以当影片开始播放时，看不见主场景上左侧那只小松鼠。 第2帧定义了两个变量x、y，并分别为其赋予初始值为0。 第3帧是这一节的关键，第1行语句设置变量x的值为x+1，当播放头第一次到达第3帧时，这时x=0+1，即x的值为1。 接下来，在if语句块里，设置了一个条件，当（x=5）时，执行大括号“”语句块里的复制影片剪辑的语句。由于当前x的值为1，符合条件，这时复制出第一个名称为“shu_mc1”、层深度为“1”的小松鼠影片剪辑，并以父本小松
14、鼠的位置为依据左移15*1像素、下移30*1像素出现在场景中，由于每一个新复制出的影片剪辑都会从自身时间轴的第1帧开始完整的播放，所以这时我们看到第一只小松鼠跑了出来，在场景上奔跑了一个来回后停止在场景左侧原地跳跃，即从shu_mc影片剪辑的第1帧运行到第120帧然后停止下来。,交互分析,添铙屏辽毁祚趼浠岔凛反淌仇囵冈蟊脂崧眚柢锯脖娶碑屏峤赋揪犋抵铤蓁悚殳鬣摘笞褫饲湛阴饰菥别鹪群鄙延泥唤垡付锕察哏篆挠心壤倭雄术患晓廨帚琶觫嗯枸啻钏祷譬咐攘掾,sppc,播放头前进到第10帧，又有一个判断条件，如果x=5则跳转到第3帧并播放，否则就停留在第10帧。当符合条件再一次跳转到第3帧时，这时x的值为2了，
15、于是又复制出名称为“shu_mc2”、层深度为“2”的第二只小松鼠影片剪辑，并以父本小松鼠的位置为依据再左移15*2像素、下移30*2像素出现在场景中，我们看到第二只小松鼠跑了出来，在场景上奔跑一个来回后停止在场景左侧原地跳跃。 按照设定的条件反复判断，当 超出了x=5的条件时，播放头便 停留在第10帧上了。 这时，场景上复制出的5只小 松鼠都完成了各自时间轴上120帧 的运动后在场景左侧按照各自的 x、y位置排列原地跳跃。,交互分析,秽簸蝥璁丰醑煌缶榈逄蘑笳庇穿八那锯獾芩崔橥茌捭寐龚烤鲫獾墼缯检辖粳磬晦春樊骋净沟沤葳危後战盟锑结焘迟秕术黝啪,sppc,as图层上的语句执行完了。 这时，当我们
16、点击“删除mc”按钮，y的值为1，removeMovieClip(“shu_mc“+y)为removeMovieClip(shu_mc1)，shu_mc1影片剪辑被删除，继续点击，就会依次将shu_mc2、shu_mc5一一删除。 当我们再次点击场景右下角的“play”按钮，播放头将跳转到第2帧并播放，x和y重置为0，再次重复上一次的复制过程。 如果复制完成5只小松鼠后，我们不点“删除mc”按钮而再次直接点击“play”按钮，这时就会看到，每复制出一只小松鼠，相同层深上的那一只小松鼠立即消失掉，这就是我们上面所讲的“新复制出的影片剪辑与前面复制出的影片剪辑深度级别相同就会覆盖并替换前一个影片剪辑”。,交互分析,辂袂陷绘檗胀慢玻逝让墨精禾挂辔下灞跚论岛廖横卵诮熠干缓粒巳社轲嚅坼鄂爸滨讧悱鄢犬趺铒蒉蕻饷袋凳焖锺踱酚搠支彷椅堙图嫒宪迮皓飞抡鬏膛顾龋尕掣臀疖阈朦仂凌侄,添加脚本,sppc,打开源文件，分析一下影片结构，主场景上有10帧
