巧用FLASH做拼图游戏
8、点击 插入>新建元件(快捷键Ctrl+F8),新建一个名为“button”的按钮,点击确定即可打开一个按钮制作窗口,用椭圆工具在场景中心画一个圆并去除圆形的边线(用箭头工具在边线上点一下,点击 编辑>清除 菜单即可),然后再用箭头工具选取圆形,用 插入> 转换成元件 命令将圆形转换成图形元件(这样做是为了方便后面使用透明效果)。用鼠标右键单击反应区,在弹出的菜单里选择插入关键祯,返回主场景,可以看到库面板里多了一个名为“button”的按钮元件。
9、在主场景里双击元件可以打开元件编辑窗口或者是在库面板里用鼠标右键单击元件点击弹出菜单里的编辑命令。我们现在选择一个除“head”之外的影片剪辑元件,进入元件编辑窗口,在这里我们以“黑猫警长”的“拳头”为例,元件名为“hand”,在主场景里影片剪辑也命名为“hand”。在元件编辑窗口,将刚才做好的按钮从库面板中拖入到“拳头”上,调整位置到“拳头”的中心并调整大小比“拳头”略小,如图7。
10、选中“拳头”上的按钮打开行为面板(快捷键Ctrl+Alt+A或点击软件窗口右下角的图标),点击行为面板上的”+“号,在弹出的菜单选择 动作>startDrag,加入startDrag命令(“startDrag”是一个拖拽命令,它可以对影片剪辑实行拖拽控制,所以我们在前面必须把所有的元件转换成影片剪辑。而加入按钮是为了实现鼠标单击后可以拖动拼图,松开鼠标则拼图停止移动)。在动作面板右边对话框里我们选择“on(release)”,在下方的事件选择对话框选择“点击”;再选择“startDrag("")”,在下方的目标对话框中单击一下,然后单击底部的 图标,将会弹出一个包含所有在主场景里的影片元件的对话框,选择“拳头”在主场景里 的名字“hand”按“确认”回到动作面板,在动作电话框下方的“锁定鼠标到中央”前打上勾。接着在“startDrag”的下方加入“stopDrag”命令(“stopDrag”就是停止拖拽命令),完成后动作对话框里的代码应该如下:
on (press) {
startDrag ("_root.hand",true);
}
on (release) {
stopDrag ();
}
点击 控制>测试影片(快捷键Ctrl+Enter),试试看用鼠标点击拳头是不是可以随意拖动了
11、按9、10的步骤给其他的“手”、“脚”、“身体”等元件同样加入“StartDrag”命令(当然作为定位的“头”可以不用加入拖拽命令)。测试一下影片,现在是不是可以拼图了。
12、至此,这个游戏已经基本上完成了,我们现在要做的就是要把这些“手”啊“脚”啊上难看的圆形去掉。打开库面板,选择按钮打开按钮编辑窗口,在窗口中选中圆形,点击 窗口>面板>效果 打开效果面板,在下拉菜单里选择“Alpha”(透明),点击面板右边的小箭头,移动滑杆至最底部,这样按钮就变成透明的了。再测试一下影片,讨厌的圆形不见了吧!
13、最后我们还可以对游戏进行一些处理,例如在“background”图层里加入一些背景,再插入一个图层导入声音等等,这方面我就不赘述了,很多地方都能找到这方面的教材的。看最后的效果点
点此 下载源文件 。
提供这个例子仅仅是给大家提供一种思路,借以抛砖引玉。其实我们可以把这个游戏做得更为复杂一点,例如把拼图的图块分得更细、连带背景一起分割、把多个图象导入游戏用按钮控制调出(我自己做的就是包括了“黑猫警长”、“葫芦娃”、“孙悟空”好几个卡通人物的拼图游戏,都是从VCD里截出来的,这下哄我的小侄女就是小菜一碟了,这就是我教她学电脑的第一步了,寓教与乐嘛!嘻嘻!)等等。
祝大家马到成功
相关视频
相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么
热门文章 没有查询到任何记录。
最新文章
Flash CS4基础入门
如何在Flash中打开一个定制的浏览器新窗口?学习ActionScript 3.0的6个好处几个小技巧精简Flash文件体积在Flash动画中添加“加为收藏”和“设为首页
人气排行 Flash游戏制作--小熊拼图用Flash实现几种镜头效果Flash制作动画知识:遮罩Flash如何做鼠标指针样式Flash制作环形文字Flash制作声情并茂的电子相册实例讲解flashMTV制作全过程(3)鼠标效果系列教程:游动的鱼
查看所有0条评论>>