用flash制作拼图游戏图解.doc

用 flash+photoshop+Av . 0 滤镜轻松制作拼图游戏作者:王炳杰素材:来自互联网日期: 2012/8/14 1、素材制作: (1) 先下载一张图片,打开 Photoshop ,在文件中打开图片, 在滤镜菜单中点 AV Rros. → AV ( 注:这是一个拼图滤镜,需要下载和安装 AV ) (2) 在滤镜中设置好拼图样式,行、列数,点“ Cut ”确定。(3 )全选分割后图片(用鼠标或在菜单上 Select → Select All ),在 MAIN 中选 Save Selected Pieces As PSD ……, 保存成 PSD 文件, 命名后保存,点 APPLY 关闭滤镜。在 Photoshop 中上边是行下边是列关闭原始图片,不用保存,然后打开刚才保存的图片,图片已经分层显示了。(4 )选择移动工具,将“自动选择图层”打上对号,图片就可以自由选择了。(5 )要保存某一层图片(注意最好按顺序保存) ,先点击图片,就选中了图片所在的层,用右键击图片缩览图, 单击“选择图层透明度”该图片就就选中了, 复制( Ctrl+C ), 新建一个 Photoshop 文件,粘贴( Ctrl+V ), 保存为*.png 文件,保存时注意,要选择好是透明的。这样把各层图片一个个保存成透明的文件(图片 1 ,图片 2, ……) 这里可以全选图片这里是 MIAN 菜单这里是移动工具分层显示的图片 2、游戏制作(1) 打开 , 新建一个文件, 大小、背景默认( 白色、 550 × 400 ), 如图建立五个图层,并命名:背景、按钮、图片 1 、图片 2、 AS ,背景层如图的两个矩形,和一个青绿填充矩形,按钮层放了五个按钮:初级、中级、高级、原图、刷新,一个影片剪辑提示框和游戏名《美女拼图》. 五个按钮分别命名: cj_btn ,zj_btn, gj_btn ,yt_btn, cw_btn, 影片剪辑提示框命名: xz_mc. (2 )在图片 1 层,把用 Photoshop 制作的图片导入到舞台上左边红色矩形框中,并按如图顺序排列好,然后将每个图片转化为影片剪辑(修改→转换为元件→影片剪辑,命名为 t1,t2, ……) ,再将每个影片剪辑命名(属性→名称分别为: tu1,tu2, ……) 给初级按钮名 cj_btn 右键单击这里(3 )选中图片 1 层所有图片复制,粘贴到图片 2 层,重新命名为: mc1,mc2, ……,然后打乱顺序,放到右边矩形框中,如图。(注意:一定要先命名完了再打乱) (4 )在 AS 层写入以下代码: var dj= 1; var pices = 20; for (i=1; i<=pices; i++) { mymc_mc = this["mc"+i]; tumc_mc = this["tu"+i]; = false; td(mymc_mc,tumc_mc); 这是给影片剪辑命名地方点击图片后, 点此, 转换为元件要选中影片剪辑这是给影片剪辑命名地方} function td(my_mc, tu_mc) { = function() { thi