拼图游戏制作.docx
- 文档编号:4883714
- 上传时间:2023-05-07
- 格式:DOCX
- 页数:11
- 大小:2MB
拼图游戏制作.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設定為此頁面
步驟十二.瀏覽頁面拼圖遊戲就完成囉!
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 拼图游戏 制作