拼图游戏制作.docx

拼图游戏制作.docx

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

拼图游戏制作

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

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設定為此頁面

步驟十二.瀏覽頁面拼圖遊戲就完成囉!