拼图游戏制作.docx

拼图游戏制作.docx

《拼图游戏制作.docx》由会员分享，可在线阅读，更多相关《拼图游戏制作.docx（10页珍藏版）》请在冰点文库上搜索。

拼图游戏制作

[教学]拼图游戏的制作你会了吗?

A.在Photoshop里先制作出拼图的切图动作

步骤一.选择"切图选取工具"後选择"分割"选项

步骤二.自己随意切割数量

步骤三.在档案下选取"储存为网页用"

步骤四.

1.选JPEG

2.按储存後会出现"另存最佳化档案"的视窗

3.存档类型:

HTML和影像

4.切片:

全部切片

5.自己开一个资料夹

6.档名自取

7.储存

注:

存完後会发现建立的资料夹里会出现一个HTML档和一包"images"的资料夹

B.在Dreamweaver下完成拼图的制作

步骤一.在页面属性下设定左边界和上边界的值（可自订）

步骤二.在随意的地方制作出一个图层并设定大小为自制的拼图的尺寸

步骤三.

1.将下方表格和图复制进图层里并删除表格内的图

2.将表格边框设定为1

步骤四.选取表格後在修改里选取"表格转换为图层"选项

步骤五.勾取显示图层版面的选项

步骤六.将所有呈现的图层里删除最上面的图层（例如此范例中的layer18图层）

步骤七.将最下方的图层设定方位同为原表格（例如:

此范例设定为左边界:

200上边界:

50）

步骤八.选取表单设定一按钮为Start动作设定为无

步骤九.在body下选取行为里的拖曳图层

步骤十.

图层:

可以下拉选择到每一个图层

移动:

不限制

放下目标:

按取得目前位置

靠齐距离:

可自订（以此范例设定为100）

每一个图层都要设定喔!

!

步骤十一.

1.设定好所有的图层後将图层随意拉出摆放在表格外

2.在设定一个按钮为again将此url设定为此页面

步骤十二.浏览页面拼图游戏就完成罗!