如何使用ppt制造图片拼图游戏篇一：教你如何做拼图游戏（1）预备一张图片，长和宽是比拟好的整数像素点，例如800*500等，以下面这幅图为例，将它水平分4份，垂直分4份（2）使用图片拆分器对图片进展调整好数据，这个软件会把拆分结果，直截了当放到图片所在文件夹处，点下“等比拆分”（3）结果如下（4）打开Dreamwaver，这里用的是CS5（i）设置站点，这里的图片放在pingtu/img里面打开辅助功能打开显示网格功能这里介绍一下“网络设置”的两个属性，其他明显易明白靠齐到网格：拖动或修正apdiv盒子时会觉察网格有吸附功能间隔：主要操纵网格的大小绘制拼图区域，点击图中图标可快速绘制apdiv点击之后，鼠标变成十字心，随意画一个apdiv再修正它的高和宽分别为500和800像素为了使效果更好些，我们找了一张木板作为背景图片，最终效果如下拆分后每个拼图单位为200*125的再画16个200*125的apdiv将各个拼图单位插入，最终效果如下：添加行为：所谓行为，能够看做是用户通过鼠标和网页的元素间进展的互动的方式，这里介绍其中一种。篇二：拼图游戏制造[教學]拼圖遊戲的製作你會了嗎?A.在Photoshop裡先製作出拼圖的切圖動作步驟一.選擇切圖選取工具後選擇分割選項步驟三.在檔案下選取儲存為網頁用步驟四.2.按儲存後會出現另存最正确化檔案的視窗3.存檔類型:HTML和影像4.切片:全部切片註:存完後會發現建立的資料夾裡會出現一個HTML檔和一包images的資料夾步驟一.在頁面屬性下設定左邊界和上邊界的值(可自訂)篇三：用flash制造拼图游戏图解用flash8.0+MacromediaFireworks8轻松制造拼图游戏王维钧素材：本人制造日期：2016/6/41、素材制造:先找一张图片，打开MacromediaFireworks8，文件/导入，将图片导入进来，并在工具菜单中点“切片”工具（3）、将图片切割成12块，每块80×80，并把他们保存在一个文件夹里。2、游戏制造（1）打开Flash8.0，新建一个文件，大小、背景默认（白色、550×400），如图建立五个图层，并命名：背景、按钮、图片1、图片2、AS，背景层如图的两个矩形，和一个青绿填充矩形，按钮层放了五个按钮：初级、中级、高级、原图、刷新，一个影片剪辑提示框和游戏名《美女拼图》.五个按钮分别命名：cj_btn,zj_btn,gj_btn,yt_btn,cw_btn,影片剪辑提示框命名：xz_mc.（2）在图片1层，把用Photoshop制造的图片导入到舞台上左边红色矩形框中，并按如图顺序陈列好，然后将每个图片转化为影片剪辑（修正→转换为元件→影片剪辑，命名为t1,t2,??），再将每个影片剪辑命名（属性→名称分别为：tu1,tu2,??）（3）选中图片1层所有图片复制，粘贴到图片2层，重新命名为：mc1,mc2,??，然后打乱顺序，放到右边矩形框中，如图。（留意：一定要先命名完了再打乱）（4）在AS层写入以下代码：vardj=1;varpices=20;for(i=1;ilt;=pices;i++){mymc_mc=this[mc+i];tumc_mc=this[tu+i];tumc_mc._visible=false;td(mymc_mc,tumc_mc);}functiontd(my_mc,tu_mc){mymc_mc.onPress=function(){this.startDrag(false,25,60,550,400);};mymc_mc.onRelease=function(){stopDrag();if(dj==1){if(this.hitTest(tu_mc)){this._x=tu_mc._x;this._y=tu_mc._y;s=newSound()s.attachSound(ok);s.start();}}if(dj==2){if(this._xlt;=(tu_mc._x+20)andthis._x=(tu_mc._x-20)andylt;=(tu_mc._y+20)andthis._y=(tu_mc._y-20)){this._x=tu_mc._x;this._y=tu_mc._y;s=newSound()s.attachSound(ok1)s.start()}}if(dj==3){if(this._xlt;=(tu_mc._x+6)andthis._x=(tu_mc._x-6)andthis._ylt;=(tu_mc._y+6)andthis._y=(tu_mc._y-6))