如何使用ppt制作图片拼图游戏

如何使用ppt制作图片拼图游戏

篇一：教你如何做拼图游戏

（1）准备一张图片，长和宽是比较好的整数像素点，例如800*500等，以下面这幅图为例，将它水平分4份，垂直分4份（2）使用图片拆分器对图片进行

调整好数据，这个软件会把拆分结果，直接放到图片所在文件夹处，点下“等比拆分”

（3）结果如下

（4）打开Dreamwaver，这里用的是CS5

（i）设置站点，这里的图片放在pingtu/img里面

（ii）建立网页，以pingtu.html为名

打开辅助功能

打开显示网格功能

这里介绍一下“网络设置”的两个属性，其他明显易懂

靠齐到网格：拖动或修改apdiv盒子时会发现网格有吸附功能间隔：主要控制网格的大小

绘制拼图区域，点击图中图标可快速绘制apdiv

点击之后，鼠标变成十字心，随便画一个apdiv再修改它的高和宽分别为500和800像素

为了使效果更好些，我们找了一张木板作为背景图片，最终效果如下

拆分后每个拼图单位为200*125的

再画16个200*125的apdiv将各个拼图单位插入，最终效果如下：

添加行为：所谓行为，可以看做是用户通过鼠标和网页的元素间进行的互动的方式，这里介绍其中一种。

篇二：拼图游戏制作

[教學]拼圖遊戲的製作你會了嗎?

A. 在Photoshop裡先製作出拼圖的切圖動作

步驟一.選擇"切圖選取工具"後選擇"分割"選項

步驟二.自己隨意切割數量

步驟三.在檔案下選取"儲存為網頁用"

步驟四.

1.選JPEG

2.按儲存後會出現"另存最佳化檔案"的視窗

3.存檔類型:HTML和影像

4.切片:全部切片

5.自己開一個資料夾

6.檔名自取

7.儲存

註:存完後會發現建立的資料夾裡會出現一個HTML檔和一包"images"的資料夾

B.在Dreamweaver下完成拼圖的製作