制作一个Flash的填色游戏

2016-01-29 14:25 173 1 收藏

制作一个Flash的填色游戏,制作一个Flash的填色游戏

【 tulaoshi.com - Flash 】

  前些日子qinni在论坛贴出了她制作的一个添色的flash小游戏,是用编程实现的,很多朋友都对这个小游戏的做法非常感兴趣,所以qinni专门为大家编写了这样的一个教程。

  第一个中文的教程,大家多多指教,下面大家看到的这个动画,就是我们今天要制作的flash添色小游戏。

  先用RectangleTool画两个方形(别的形状也可以),注意你画的图形里面一定要有填充色,如果一开始没有设定的话,你可以用PaintBucketTool来填色,我的例子里用黑色的画外框,用白色的填充。

  

  选其中一个方形的填充色部位(注意不要选外面的线条),然后用Insert/Convert to Symbol把它转换成MovieClip,你可以给它一个比较有意义的名字(这是个值得养成的好习惯,总是给你library里面的东西取个好名字。虽然我总是做不到),我管它叫SmallRec。(见图1)

  用第二个步骤把另外一个方形的填充色部位也转换成Movie Clip,我的叫BigRec。

  现在你也学会说:qinni,我的flash 文件现在看这怎么不对劲啊,两个方形外面的黑框怎么有部分找不到了?

  呵呵,这就对了,我下面就会说这个。

  现在,选SmallRec和BigRec(别告诉我你不知道怎么同时选两样东西啊:)

  点鼠标左键先选其中的一个,再按住Shift键,用鼠标选另外一个),用Ctrl和x键把SmallRec和BigReccut下来。

  新加一个layer(Insert/Layer),点中这个新的layer,把它拖到原来layer1底下,然后在这个新的layer被选中的情况下,按Ctrl+Shift + v 把原来cut的东西paste到新的layer。(如果你用Ctrl+v的话,你要paste的东西会出现在和原来不同的位置)如果你不介意的话,顺手把layer1改名成Outlines-在这个layer上的是两个方形的外框,把layer2改名成Fillings-在这个layer上是SmallRec和BigRec。完成后,你的timelines显示应该如下图:(见图2)

  再新加一个layer,把它的名字改成Action。这个新的layer只是用来放一些actionscript。鼠标右键点击这个Actionlayer的第一帧,从跳出的菜单里选action,然后把下面的Action Scriptcopy & paste到你的Actions window里。(见图3)functionswapColor(iname)varmyColorNumber;myColorNumber = random(7)myColor= newColor(iname);switch(myColorNumber)case1:myColor.setRGB(0xffffff);break;case2:myColor.setRGB(0x006600);break;case3:myColor.setRGB(0x990000);break;case4:myColor.setRGB(0x6666ff);break;case5:myColor.setRGB(0xff9900);break;case6:myColor.setRGB(0x000099);break;case7:myColor.setRGB(0xffff00);break;default:myColor.setRGB(0x666666);

  别着急,这就要完成了。鼠标右键点击SmallRec,从跳出的菜单里选action, 然后把下面的Action Scriptcopy& paste 到你的Actions window里。on(press)_root.swapColor(this);

  对BigRec重复步骤6。

  行了,用 Ctrl + Enter来测试你的新作品,GOOD LUCK!

  你可以让两个movieclips做些动画,不会影响填色的。你学会了这个后,你可以画一些复杂点的图,然后把一个色块组成一个movieclip,示例中的这个龙大概用了六七十个movieclips吧:)

  作者:qinni

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

来源:https://www.tulaoshi.com/n/20160129/1493246.html

延伸阅读
标签: FLASH flash教程
四、制作边线与影片剪辑组件 1.在主场景中新增一个图层,命名为"边线",放在"调色板"图层的下边。如图10: 图10 2.选中图层"边线",然后将"Library"中的"天使"组件拖到场景的编辑区中,然后按下Ctrl+B或者"Modify(修改)"\" Break Apart(打散)" 三tulaoshi.com次,将此图片打散,如图11所示: 图11 3.再新增一个图层,...
标签: flash教程
曾经因几位小学老师相邀为她们做课件,其中有好几节课都是关于时钟的认识,为了能够让小学生充分地认识时钟,不得不制作多个带有时间刻度的钟面。我记得小时候,多媒体教学还没有出现,老师为了能让我们对时钟有个直观的认识。用一块纸板和小棒做时钟模具,然后拨动给我们看,让我们来接触它,认识它。于是,我就思考,能不能通过多媒体来做一个...
标签: flash教程
第一步:打开($%#$!^&) 第二步:首先把表盘画好(做的好看就行,比如我的^-^) 第三步:做三个影片剪辑,名称分别是 shizhen 、 fenzhen 、 miaozhen (自已随便,就画三个线就行了,注意粗细要有分别) 第四步:在第一祯里写上如下AS(不明白回去看看帮助): _root.onEnterFrame = function() { ...
标签: Delphi
  有人说现在的程序员成了组装工人,其实很有道理,利用控件模块+少量代码就可以实现,delphi 5.0提供了丰富的internet控件,利用tcp/ip客户端-服务端就可以解决问题。关键的控件是serversocket,我们模仿iphunter的界面用一个button1(按钮),一个combobox1(用于显示),这三个最基本的控件放置到空白窗体上就可以开始写代码了。 ...
标签: FLASH flash教程
  图老师        

经验教程

727

收藏

63
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部