互动媒体制作实验报告_建桥学院_数字媒体艺术专业

1、学院本科实验报告课程名称：互动媒体制作 学 号: 姓 名:专 业：数字媒体艺术 班 级: 指导教师:课内实验目录及成绩序号实验名称页码成绩1交互事件动画（星星亮满天）12文字冋合类游戏制作43找茬类小游戏74碰撞类游戏制作11信息技术学院2012年 12月 1 日上海建桥学院实验报告课程名称：互动媒体制作实验类型：验证粮实验项日名称：交互事件动画（星星亮满天）实验地点：多媒体机房实验日期：2013 年 3 月 7 日一、实验目的和要求1、熟悉的运用；2、巩固as3.0的程序结构和基本语法；3、能够创建和调用系统函数；4、能够熟练运用程序基本结构；5、制作满足相应指标要求的正确运行的小游戏；二、

2、实验内容和原理1、使用显示对象、对象点击事件、三大元件等编写交互功能2、程序的基木结构包括：顺序结构、选择结构、循环结构3、事件函数：mouseevent事件类4、时间两数：timer类三、主要仪器设备或环境pc机;flash cs5.5 （或以上）；photoshop cs5 （或以上）;移动终端5套。四、操作方法与实验步骤1、确定游戏的主题（名称、色彩配置、主题思想、使用方法等）名称：星星亮满天色彩配置：深邃的天空+颜色随机的星星主题思想：在背景天空区域，左键单击星星出现，并且颜色随机使用方法：鼠标左键单击2、确泄游戏的设计流程图导入素材转换成元件制作动画添加监听导出swf动画3、游戏索材

3、的采集、导入或制作导入图片bg,并转成元件+导入图片星光，并制作成动画4、关键的操作步骤(含主要代码)及技巧星光转换成元件，并制作动画，达到星星从人到小，从小到人的变化。然后将此元件再 次转换，并再次制作动画，共5帧，每帧星星颜色不一样。在bg上的天空上制作一个遮罩层me ,并对me添加一个鼠标监听。mc.addeventlistener(mouseevent.click, fl_mouseclickhandler_2);function fl_mouseclickhandler_2(event:mouseevent):void var mystar:star=new star();mysta

4、 匚 x二 mousex;mysta 匚 y 二 mou sey;改人小/颜色mysta r.stop();var randomnum:int=math.floor(math.random()*5+l); mystar.width=mystar.height=math.random( )*60+30; mysta 匚 gotoandstop(randomnum);addchild(mystar);trace("已单击鼠标”)；五、实验结果注:可用贴图的方式1、主要使用的as3.0的知识点添加鼠标监听、实例对象显示在鼠标点击的位置（mystar.x=mousex;mystar.y=mo

5、usey;）数学函数（随机数、向下取整）、gotoandstop««>d »cs<y) a(d s(mj 丈g 2g ；mq) 磁血)二(w) mibg* pm2、小游戏的效果（至少给出3个，含制作过程及结果）jj bgq 口m i i> h «qlm i 11一匕xn(v m(d ku(y> ba(d ffdtd) xto) *<) 眈(0 祁 vn(d (!>gm. it"丸屮哀“ja丿笆俎 .-ipi ocstm切-omiva 坊二j力l实验总结注:包扌舌制作过程中出现的问题,实验心得体会及改迹意见等在

6、老师的带领下完成了此次小游戏，初次体验到flash的神奇，特别是随机数的出现。在这种浓烈的兴趣下，我将更认真的学习flasho上海建桥学院实验报告课程名称：互动媒体制作实验类型:设计粮实验项冃名称：文字四合类游戏制作（而向过程及时间函数）实验地点：多媒体机房实验口期： 2013 年 3 月 21日一、实验目的和要求1、巩固面向对象编程的和关概念；2、构造函数的创建和使用；3、事件处理机制及event类的创建、使用（事件侦听器）；4、能够熟练运用鼠标事件；5、制作满足要求的动画效果；二、实验内容和原理1、使用事件驱动编写as3.0应用程序（物体移动等的动i田j效果）2、鼠标事件：click、mo

7、use_move、mouse_over、mousej3ut、mouse_wheel 等3、键盘事件：keyboardevent.key_down（up）等4、时间函数：timerevent.timer> timerevent.timer .complete三、主要仪器设备或环境pc机;flash cs5.5 （或以上）;photoshop cs5 （或以上）；移动终端5套。四、操作方法与实验步骤1、确定作品的主题（名称、色彩配置、主题思想、使用方法等）名称：勇者斗恶龙主题思想：为了描写战斗，对勇者与恶龙设置特性，如名字，攻击力，防御力以 及速度，运行游戏，出现打斗文字。使用方法：结果显示

8、在输入框里2、主题作品的设计运行游戏后，勇者与恶龙轮流发动攻击，最后得出胜负。3、索材的导入或制作没有索材的导入4、关键的操作步骤(含主要代码)及技巧var hero:object = new object();var monster:object = new object(); ="勇者”;hero.hp = 500;hero. att = 90;hero. def = 88;hero.agi = 60;hero.skilll 二”普通攻击”；hero.skill2 = ”飞刃闪”；hero.ski!13 二”极光剑”；monste 匚 n ame=”恶龙”；mo

9、nste 匚 hp =1000;monster. att =120;monste 匸 def:=100;monste r.agi = 22;monste 匚 skill 1=”攻击”；monster.skill2=”龙尾击”;monste 匸 skill3=”毁灭光线”;var timer:timer = new timer(looo);timer.addeventlistener(timerevent.timer, round) timer. start();function whoattacks(a:object,b:object):arrayreturn a.agi*math.rando

10、m() > b.agi*math.random() ? a,b:b,a;function round(e:timerevent):voidvar damage:number;var skilllndex:uint;var roundfight: array = who attack s(her o, monster);var attacker:object = roundfightfol;var defender:object = roundfightl;damage = attacker. att*math.random() - defender.def * math.random()

11、;if(damage <= 0)damage = 0;elsedamage = math. ceil (damage);defender.hp -= damage;if(damage < attacker.att / 3)skilllndex = 1;else if(damage < attacker.att *2/ 3)skillindex = 2;elseskilllndex = 3;trace( + "向" + defende r.n ame + ”发动 了 "+attacker "skill "

12、;+skilllndex + defender, name + ”损失了” + damage + ”点 hp!”)；if(defender.hp <= 0)trace( + ”终于支持不住，倒下 了!n”+ + "取得 了胜利! ”);time匚removeeventlistener(timerevent.timer, round);trace(nngame over11);return;trace( + n hp:11 + hero.hp + hth+ + h hp:” + mo

13、nste 匸 hp);五、实验结果注：可用贴图的方式1、主要使用的知识点使用事件驱动编写as3.0应用程序(物体移动等的动画效果)鼠标 事件：click、mouse_move、mouse_over、mouse_out、 mouse.wheel 等键盘事件：keyboardevent.key_down(up)等时间函数：timerevent.timertimerevent.timer.complete2、作品的效果图（至少给出3个，含制作过程及结果）动作鰹<0代肖粉 ®ivar hero:object 二 new object();42var bontersobject - ne

14、w object():j4hero. na>e =;5hero. hp = 500.6hero.att = 90.7hero.def = 88.8hero.agi = 60.9hero, skill 1 «10hero. skill2 ="飞刃闪"：11hero. skiu3 = 根光划"1213aonter. n»e = 垂龙：14aonter. hp = !000;15monster. att = 120;16monster. def = 100;17monster. agi = 22:18monster, skill 1 = 攻击:

15、19monster. skill2 = 龙尾壬：20monster. skill3 = 聂灭黄想t: 21° 22var tiber:tiaer = new tiaer (1000):23timer addeventlistener(tiberevent tiber, round)24timer start o |2526function whoattacks(a:object,b:object):array27return a. agiiath. randoao > b. agi*math. randoao ? a b: b> a:282930function roxm

16、d(e:timerevent) :void3!var da*ace:xumber;32var ski 11 index:umt:33var roundficht:array = vhoatt acks (hero, monster):34var attacker:object = roundfight0:35var defender:object = roundfight1;36da>a<e = attacker. att math, r andon 0 - defender. def math, r andon 0 :37if(daaac <= 0)38da»a&

17、lt;e - 0;39else40da>ace = lath, ceil (daaage):v|< 1.g layer i ： 1 4输出勇者向恶龙发动了普通攻击，恶龙损失了0点hp ! 勇者hp:50 恶龙hp: 159勇者向恶龙发动了普通攻击，恶龙损失了 0点hp! 勇者hp:50 恶龙hp: 159勇者向恶龙发动了普通攻击，恶龙损失了 0点hp! 勇者hp:50 恶龙hp: 159勇者向恶龙发动了普通攻击，恶龙损失了 0点hp! 勇者hp:50 恶龙hp: 159勇者向恶龙发动了飞刃闪，恶龙损失了 42点hp! 勇者hp:50 恶龙hp:117恶龙向勇者发动了攻击，勇者损失了

18、 21点hp! 勇者hp:29 恶龙hp:u7勇者向恶龙发动了普通攻击，恶龙损失了 13点hp! 勇者hp:29 恶龙hp: 104勇者向恶龙发动了飞刃闪，恶龙损失了 47点hp! 匡奢wp- 9q 手廿np. r7隽者向朿龙发希普通衣击，恶龙损失了 0点hp! 勇者hp:29 恶龙hp:57勇者向恶龙发动了普通攻击，恶龙损失了 0点hp! 勇者hp:29 恶龙hp:57勇者向恶龙发动了普通攻击，恶龙损失了 0点hp! 產奢 hp 9q at-fir up. k7 勇者向贰龙发希飞刃江恶龙损失了53点hp! 孕者 t4p- 9qup. j黃者向点龙发窃7普通衣击，恶龙损失了 0点hp! 勇者h

19、p:29 恶龙hp:4勇者向恶龙发动了普通攻击，恶龙损失了 0点hp! 勇者hp:29 恶龙hp:4勇者向恶龙发动了普通攻击，恶龙损失了 15点hp! 恶龙终千支持不住,倒下了 ！勇者取得了胜利！二严玄悴a>hg(d aacdxt(d 20祁e <» «»qp窗幺"it ra40*询 q kb1)«*xi)m vh2 处 16it向e无复的7°vw,e*j畫丁"mp， 昌加千更純，亿t<y #f«ttth»caan orwrocslim*v haieti)8曲18(01_«jl

20、i >k> 回“x2kb 20i>4-£*iskfl tm$5冋et ;x0 2a'ar.ir.：izr<kqbti:l 1实验总结game over注:包括制作过程中岀现的问题,实验心得体会及改进意见等人体上了解到我们平常玩的回合游戏的制作过程，很有趣，我很喜欢这个。 不过我想耍是加上图片和效果的话，难度会提升很多。上海建桥学院实验报告课程名称：a动媒体制作实验类型:设计型实验项冃名称：找茬类出件点击类小游戏实验地点：多媒体机方实验日期：2013年 4 月15 日一、实验目的和要求1、巩固as3.0屮核心类及显示对象的相关概念；2、学会moviecl

21、ip类、sprite类的创建及使用；3、学会as3.0中创建动】田i的几种方式；4、能够熟练运用显示对象的属性；5、能够熟练运ju timer类创建动画（效果）；6、制作满足相应要求的交互动画；二、实验内容和原理1、确定内容健康的主题2、相关素材的准备3、制作交互动画的流程图（分镜头脚本）4、运用timer类控制显示对象的属性來制作交互动画三、主要仪器设备或环境pc机；flash cs5 （或以上）；photoshop cs5 （或以上）；移动终端5套；数码照相 机1台；数码摄像机1台；数位板1个。四、操作方法与实验步骤1、确定主题、设计流程图主题：找茬游戏设计流程图:作件制元>入材导素

22、为主块 分戏三 ，游束vf出导2、游戏整体流程拆分游戏开始初始化：开始按钮定义、开始界面的设置、初始化数值游戏主题部分：添加三个文木框，一个计分数，一个倒计时，一个统计剩余几个 错找到儿个错。添加timer时间监听，用来倒计时。对cuowumian> cuol cuo2> cuo3.、cuo4.> cuo5 添加鼠标事件监听，mouseevent.clicko游戏结束部分：移除游戏主体页面上所有东西，移除监听。根据找出的错的个数 判断是否通关，并显示在名为tf的文本框里。添加一个restart按钮，实现重玩 的功能。3、三大游戏流程部分功能实现游戏开始初始化、开始界面的设置；

23、my start view =new start view();addchild(mystartview);mystartview.x = stage>stagewidth / 2;mystartview.y = stage. stageheight / 2;游戏正式界面设置function gamestart()scorefield=new textfield();scorefn();addchild(scorefield);mygameview=new gameview();addchild(mygameview);mygameview.x = stage.stagewidth /

24、2;mygameview.y = stage.stageheight / 2;alltimer = 10;timer = new timer(l 000,20);timer.addeventlistener(timerevent.timer,timerfn);timer. start();timefield=new textfield();timefield.autosize = "center”;timefield.text = ”你还有” + alltimer + “秒”；timefield.x = 400;addc hild(ti mefield);mygameview.cuo

25、l .stop();mygameview.cuo2.stop();mygameview.cuo3.stop();mygame vie w.cu o4 stop();mygameview.cuo5. stop(); mygameview.cuowumian.addeventlistener(mouseevent.click,mianfn);mygame view.cuol.addeventlistener(mouseevent.cllck,cuolfn); mygameview.cuo2.addeventlistener(mouseevent.click,cuo2fn);mygame view.

26、cuo3.addeventlistener(mousee ven 匸 click，cuo3fn);mygame view.cuo4.addeventlistener(mouseevent.click,cuo4fn); mygameviewxuo5.addeventlistener(mouseevent.click,cuo5fn);游戏结束function endgame()removechild(mygameview);removechild(scorefield);removechild(timefield); mygameview.cuowumian.removeeventlistener

27、(mouseevent.click,mianfn); tf=new textfield();tf. width = 300;if (score=5) tf.text = ”恭喜你通关了”；else tf.text ="很遗憾，请人侠重新来过”；var format:textformat = new textformat();format, font = n_sansn;format, color = oxffoooo;format, size = 50;format.underline = true;tf.x=(stage.stagewidth-tf.width )/2;tf.y=(

28、stage.stageheight-tf.height )/2;tf.autosize = "center”；tf.defaulttextformat = format;addchild(tf)；mygameview.cuowumian.removeeventlistener(mouseevent.click,mianfn); myendbt=new button();addchild(myendbt);myendbt.label = "restart"myendbt.x=(stage.stagewidth-myendbt.width )/2;myendbt.y

29、= 300;myendbt.addeventlistener(mouseevent.click,restartfn);4、游戏主体部分操作步骤(含主要代码)及技巧import fl.controls.button;import flash.events.mouseevent;import flash.utils.timer;import fl.motion.motionevent;import flash.text.textfield;import fl ash. di spl ay. s pri te;import flash.text.textfield;import flash.text

30、.textformat;var allscore:int = 5;var mystartbt:button;var mystartview:startview;var mygameview:gameview;var myendbt:button;var timer:timer;var score:int;var scorefield:textfield;var tf:textfield;var alltimer:int;var timefield:textfield;游戏开始初始化function init()开始按钮定义mystartbt=new button ();addc hild(my

31、 startb t);mystartbt.x=(stage.stagewidthystartbt.width )/2;mystartbt.y = 300;mystartbt.label = h starth;mystartbt.addeventlistener(mouseevent.click,mystartbtfn);开始界面的设置；mystartview =new startview();addchild(mystartview);mystartview.x = stage.stagewidth / 2;mystartview.y = stage.stageheight / 2;数值初始化

32、score = 0;function mystartbtfn(e:mouseevent)removechild(mystartbt);removechild(mystartview);mystartbt.removeeventlistener(mouseevent.click,mystartbtfn );gamestart();游戏正式界面设置function gamestart()scorefield=new textfield();scorefn();addchild(scorefield);mygameview=new gameview();addchild(mygameview);my

33、gameview.x = stage.stagewidth / 2;mygameview.y = stage.stageheight / 2;alltimer = 10;timer = new timer( 1000,20);timer.addeventlistener(timerevent.timer.timerfn);timer. start();timefield=new textfield();timefield.autosize = h centern;timefield.text = ”你还有” + alltimer + “秒”；timefield.x = 400;addchild

34、(timefield);mygameview.cuol .stop();mygameview.cuo2.stop();mygameview.cuo3.stop();mygameview.cuo4 stop();mygameview.cuo5. stop(); mygameviewxuowumian.addeventlistener(mouseevent.click,mianfn); mygameview.cuol .addeventlistener(mouseevent.click,cuo 1 fn); mygameview.cuo2.addeventlistener(mouseevent.c

35、lick,cuo2fn); mygameview.cuo3.addeventlistener(mouseevent.click,cuo3fn); mygameview.cuo4.addeventlistener(mouseevent.click,cuo4fn); mygameview.cuo5.addeventlistener(mouseevent.click,cuo5fn);function timerfn(e:timerevent)alltimer-;timefield.text ="你还有” + alltimer + "秒”；if (alltimer<0) ti

36、mer, st op(); timer.removeeventlistener(timerevent.timer,timerfn); endgame(); function mianfn(e:mouseevent) alltimer;function scorefn()scorefield.text="已找到"+string(score)+"错,剩余 n4-string(allscore-score)+"处 错”；scorefield. width = 300;function cuolfn(e:mouseevent)mygameview.cuol.re

37、moveeventlistener(mouseevent.click,cuolfn);mygameview.cuo 1 .goto andstop(2);score+;scorefn();alltimer+=2;trace( score);if (score=5) time 匸 stop();endgame(); function cuo2fn(e:mouseevent)mygameview.cuo2.removeeventlistener(mouseevent<cllck,cuo2fn);mygameview.cuo2.gotoandstop(2);score+; scorefn();

38、 alltimer+=2; trace( score); 讦(score=5) timer, st op();endgame(); function cuo3fn(e:mouseevent) mygameview.cuo3.removeeventlistener(mouseevent.cltck,cuo3fn); mygame view. cuo3.goto andstop(2);score+;scorefn();alltimer+=2;trace( score);if (score=5) timer, st op();endgame(); function cuo4fn(e:mouseeve

39、nt)mygame view.cuo4.removeeventlistener(mouseevent.click,cuo4fn); mygameview.cuo4.gotoandstop(2);score+;scorefn();alltimer+=2;trace( score);if (score=5) timer.stop();endgame(); function cuo5fn(e:mouseevent) mygame view.cuo5.removeeventlistener(mouseevent<cllck,cuo5fn); mygameview.cuo5.gotoandstop

40、(2);score+;scorefn();alltimer+=2;trace( score);if (score=5) timer, st op();endgame();游戏结束function endgame()removechild(mygameview);removechild(scorefield);removechild(timefield);mygameview.cuowumian.removeeventlistener(mouseevent.click,mianfn); tf=new textfield();tf. width = 300;if (score=5) tf.text

41、 = ”恭喜你通关了”；else tf.text = 遗憾，请大侠重新来过”;var format:textformat = new textformat();format.font = n_sansh;format.color = oxffoooo;format, size = 50;format.underline = true;tf.x=(stage.stagewidth-tf.width )/2;tf.y=(stage.stageheight-tf.height )/2;tf.autosize = "center"tf.defaulttextformat = for

42、mat;addchi ld(tf)；mygameview.cuowumian.removeeventlistener(mouseevent.click,mianfn);myendbt=new button();addchild(myendbt);myendbt.label = "restart"myendb匸x=(stage.stagewidth-myenclbtwickh )/2;myendbt.y = 300;myendbt.addeventlistener(mouseevent.click,restartfn);function restartfn(e: mousee

43、vent)myendbt.removeeventlistener(mouseevent.click,restartfn); removechild(myendbt);removechild(tf)；五、 实验结果注：可用贴图的方式1、主要使用的知识点运用timer类控制显示对象的属性來制作交互动画'秩 qpytlj.yz&/a/0daz>62、交互动画的效果（至少给出3个，含制作过程及结果）m（r）检入（peq鬲詁 p| o巧g 歹iv 剛 a l> kli 6iss-划o 0 h卞3 3心3 3 aye尊一sxzk阵八色丄 a二s08鮭华邑口 30帶(0)a3 $

44、 er s2- 8b» 0s 8eh 8鮭华邑口 30帶(0)&3 $ er s2- 8b»sjwgehm2x mod 報i9 泵他 s® ss口 d < i z 01 pqaeid 疇 erhh q adobe flash player 10文件g）查看边控制©蚩助积分：10你还有22秒己找到2错，剩余3处错q adobe flash player 10文件0）查看辺控制c）擊助你还冇24秒己找到4错，剩余1处错六、 实验总结注:包括制竹:过程中出现的问题,实验心得体会及改进意见等这算目前为止做的最完整的一个游戏了，很有挑战性，我多添加了

45、两张图片, 成了有3个关卡的游戏，很有趣。上海建桥学院实验报告课程名称：互动媒体制作实验类型:综合型实验项冃名称：碰撞类游戏制作实验地点：多媒体机房实验日期：2013年 6月6日一、实验目的和要求1、巩固as3.0外部素材的导入、处理及控制方式；2、学会音频的设置和使用；3、使用而向对象思路开发；4、flash读取xml数据素材连接技术及实现方法；5、制作满足相应指标要求的交互媒体；二、实验内容和原理1、确定内容健康的主题2、作品素材的准备3、制作作品的流程图（分镜头脚本）4、遵循交互媒体的设计和制作流程，完成主题作品的制作三、主要仪器设备或环境pc机；flash cs5.5 （或以上）；ph

46、otoshop cs5 （或以上）；移动终端5套；数码照 相机1台；数码摄像机1台。四、操作方法与实验步骤1、确定主题、设计流程图、色彩搭配主题：12是男人成果30s原理：使用键盘上下左右控制白球移动，让白球躲过蓝球，碰到蓝球游戏失败。色彩搭配：键盘控制球一白色；随机白动出来的球-白色；背景-黑色；道具：七彩色2、作品的索材处理（导入、拍摄、制作等方式）goal元件元件1元件2所属goal类所属qiu类所属dao类3、游戏主体部分功能拆分（撰写） package import flash.display.movieclip;import flash.events.*import flash.e

47、vents.keyboardeventimport flash.ui. key boardimport flash.utils.timer;public class goal extends movieclip var uppressed: boolean = false;var downpressed:boolean = false;var leftpressed: boolean = false;var rightpressed:boolean = false;var timer:timer;public function goal()this.addeventlistener(event

48、.added_to_stage,adfn);public function adfn(e:event)this.removeeventlistener(event.added_to_stage,adfn);this.addeventlistener(event.enter_frame,fl_moveindirectionofkey);stage.addeventlistener(keyboardevent.key_down,fl_setkeypressed);stage.addeventlistener(keyboardevent.key_up5 fl_unsetkeypressed); pu

49、blic function fl_moveindirectionofkey(event:event)if (uppressed)this-y 二 5;if (downpressed)this.y += 5;讦(leftpressed)this.x -= 5;if (rightpressed)this.x +=5;if(this.x>stage.stagewidthllthis.x<0llthis.y>stage.stageheightllthis.y<0)clear()public function fl_setkeypressed(event:keyboardeven

50、t):voidswitch (event.keycode)case 38 :uppressed = true;break;case keyboard.down :downpressed = true;break;case keyboard.left :leftpressed = true;break;case keyboard.right :rightpressed = true;break;；public function fl_unsetkeypressed(event:keyboardevent):void switch (event.keycode)case keyboard.up :

51、uppressed = false;break;case keyboard.down :down pressed = false;break;；case keyboard.left :leftpressed = false;break;；case keyboard.right :rightpressed = false;break;public function clear()this.removeeventlistener(event.enter_frame, fl_moveindirectionofkey);stage.removeeventlistener(keyboardevent.k

52、ey_down, fl_setkeypressed);stage.removeeventlistener(keyboardevent.key_up, fl_unsetkeypressed);this.parent.removechild(this)public function changebig()this.scalex*=1.5;this-scaley*=1.5;timer=new timer( 1000,3)； timer.addeventlistener(timerevent.timer,timerfn); timer. start();public function timerfn(

53、e:timerevent)changes mall();public function changesmall()this.scalex/=1.5;this.scaley/=1.5;timer, st op(); timer.removeeventlistener(timereven t.timer, ti merfn); 4、关键的操作步骤(含主要代码)及技巧键盘控制球的代码：package import flash.display.movieclip;import flash.events.*import flash.events.keyboardeventimport flash.ui. key boardimport flash.utils.timer;public class goal extends movieciipvar uppressed: boolean = false; var downpressed:boolean = false; var leftpressed: boolean = fa