《拼图游戏制作》由会员分享,可在线阅读,更多相关《拼图游戏制作(16页珍藏版)》请在金锄头文库上搜索。
1、教學教學拼圖遊戲的製作你會了嗎拼圖遊戲的製作你會了嗎?A.A. 在在 PhotoshopPhotoshop 裡先製作出拼圖的切圖動作裡先製作出拼圖的切圖動作步驟一.選擇“切圖選取工具切圖選取工具“後選擇“分割分割“選項步驟二.自己隨意切割數量步驟三.在檔案下選取“儲存為網頁用儲存為網頁用“步驟四.1.選 JPEGJPEG2.按儲存儲存後會出現“另存最佳化檔案另存最佳化檔案“的視窗3.存檔類型:HTMLHTML 和影像和影像4.切片:全部切片全部切片5.自己開一個資料夾6.檔名自取7.儲存儲存註:存完後會發現建立的資料夾裡會出現一個 HTML 檔和一包“images“的資料夾B.B.在在 Dre
2、amweaverDreamweaver 下完成拼圖的製作下完成拼圖的製作步驟一.在頁面屬性下設定左邊界和上邊界的值(可自訂)步驟二.在隨意的地方製作出一個圖層並設定大小為自製的拼圖的尺寸步驟三.1.將下方表格和圖複製進圖層裡並刪除表格內的圖2.將表格邊框設定為 1步驟四.選取表格後在修改裡選取“表格轉換為圖層表格轉換為圖層“ “選項步驟五.勾取顯示圖層版面顯示圖層版面的選項步驟六.將所有呈現的圖層裡刪除最上面的圖層(例如此範例中的 layer18 圖層)步驟七.將最下方的圖層設定方位同為原表格(例如:此範例設定為左邊界:200 上邊界:50)步驟八.選取表單設定一按鈕為 StartStart 動作設定為無無步驟九.在 body 下選取行為裡的拖曳圖層步驟十.圖層:可以下拉選擇到每一個圖層移動:不限制放下目標:按取得目前位置靠齊距離:可自訂(以此範例設定為 100)每一個圖層都要設定喔!步驟十一.1.設定好所有的圖層後將圖層隨意拉出擺放在表格外2.在設定一個按鈕為 again 將此 url 設定為此頁面步驟十二.瀏覽頁面拼圖遊戲就完成囉!