今日如何制作拼图图片(如何制作拼图小游戏)
大家好,小吃来为大家解答以上问题。如何制作拼图图片,如何制作拼图小游戏很多人还不知道,现在让我们一起来看看吧!
1、首先启动flash cs5,执行文件-新建命令,新建一个基于actionscript2.0,大小设置为500*800,帧频设置为12fps,背景颜色为白色的文件。
2、执行文件-导入-导入到库命令,将事先准备好的图片导入到库中,然后从库中拖拽到舞台,并重新设置大小为400*300以及调整位置,按ctrl+b组合键将图片打散。
3、选择工具箱里线条工具,在属性对话框中设置样式为极细线,笔触颜色为黄色,然后在图片将其进行12等分。
4、分别选择这12块区域,右键单击将他们转化成影片剪辑元件1,名称依次为元件元件2......元件12。
5、执行插入-新建元件命令,新建一个名称为元件13的影片剪辑元件,点击确定后进行编辑区域,在该区域绘制一个大小为400*300的矩形,并修改其alpha为30%,新建图层2,选择工具箱里线条工具将矩形12等分。
6、依次创建影片剪辑元件14-25,分别在其编辑区域绘制一个大小为100*100的正方形并设置该正方形的alpha为10%。
7、执行插入-新建元件命令,新建一个名称为a的按钮元件,右键单击“点击”帧从下拉菜单中选择关键帧,接着在编辑区域绘制一个正方形,大小为100*100.再次执行插入-新建元件命令,新建一个名称为k的影片剪辑元件,并将库中的元件a拖拽到编辑区域,按f9打开动作面板,并输入代码:on (press){startDrag(_parent, false, 51, 101.25, 455, 700);if (_parent._x <= eval("_root.b" + i)._x + 40 && _parent._x >= eval("_root.b" + i)._x - 40 && _parent._y <= eval("_root.b" + i)._y + 40 && _parent._y >= eval("_root.b" + i)._y - 40){_parent._x = eval("_root.b" + i)._x;_parent._y = eval("_root.b" + i)._y;}并进行编译调试。
8、按ctrl+f8创建一个名称为t的影片剪辑,将库中的图片拖拽到编辑区域,重新设置大小为400*300,按ctrl+b组合键将图片打散。
9、返回场景1,在时间轴面板中点击创建图层按钮创建一个图层2,接着选择工具箱里矩形工具在编辑区域绘制一个长方形。
10、创建图层3,将元件t拖拽到舞台中,接着新建图层4,选择工具箱的文本工具输入“预览”,并将库中的元件a拖拽到舞台。
11、按f9打开动作面板输入代码on (release) {gotoAndStop(2);}选择图层4,在第三帧处按f6插入关键帧,并修改“预览”为“重来”,选中元件a打开动作面板输入on (release) {gotoAndStop(2);}在舞台上输入good,在第二帧插入空白关键帧。
12、新建图层5,选择第二帧按f6插入关键帧,将库中的影片剪辑13拖拽到舞台中,并修改其实例名称为q1.新建图层6,选择第二帧按f6插入关键帧,将影片剪辑14-25依次拖拽到舞台上修改实例名称为对应的b1-b12,并调整他们的排放位置。
13、移动图层1的位置至最上端,将第一帧粘贴到第二帧处,在第一帧处插入空白关键帧,分别选择元件1-12修改其对应的实例名称为p1-p12.进入影片剪辑元件1中新建图层2,将元件k拖拽到编辑区域使其覆盖图层1的内容,剩下的11元件依次这样做。
14、再次返回场景1,新建图层7,选择前三帧将他们转换成关键帧,选择3帧,打开动作面板输入语句脚本stop();,选择第2帧输入脚本stop();for (i = 1; i <= 12; i++){eval("p" + i)._x = random(100) + 100;eval("p" + i)._y = random(250) + 90;}_root.onEnterFrame = function ()调试运行。
15、按ctrl+s进行保存,然后按ctrl+enter组合键进行测试。
本文到此结束,希望对大家有所帮助。