第四章、 系統實現
4.2 角色外觀、介面
這個專題我負責的是遊戲的程式與遊戲介面的架構,我所使用的 程式語言是 C#cript,C#再一年級就有學過了,但是太久沒使用,也 花了一些時間來複習,而遊戲介面的架構式使用 unity 3D 來製作,
這個軟體因為沒學過,所以花很多時間來學習他的介面控制以及各種 功能。
1. 遊戲主畫面:
製作模組,先是使用 Adobe illustrator 來製作模組
圖 33-木板 1
製作完成在各別匯出:
圖 34-木板 2
再來使用 Iclone 製作主畫面場景模組
興建道具至場景
圖 35-主畫面製作 1
建立攝影機
圖 36-主畫面製作 2
建立平行光
圖 37-主畫面製作 3
新增天候
圖 38-主畫面製作 4
完成品
圖 39-主畫面製作 5
最後用 unity 來整合
將模組匯入進來與程式結合讓 button 能運作
圖 40-主畫面製作 6
2. 製作計時器
製作定時器是為了每一關有定時間,才不會讓每一個管卡的時間 過長,在進入 5 秒倒數前都是以白色顯示。
圖 41-倒秒製作 1
當進入 5 秒倒數時就會將字體以紅色顯示並發出聲音來提示玩家開始倒數。
圖 42-倒秒製作 2
頁面跳轉
在計時器歸 0 時,自動跳轉到下一個頁面.
圖 43-倒秒製作 3
建立一個 GUI 來與音效連結
圖 44-音效製作 1
製作按鈕造型
圖 45-按鈕製作 1
1. *打開 PS 然後開啟圖片
圖 46-按鈕製作 2
2. 使用魔術棒,點選圖片
圖 47-按鈕製作 3
3. 使用增加/減少來描繪圖片
圖 48-按鈕製作 4
4. 選取→反轉
圖 49-按鈕製作 5
5. 複製貼上,刪掉原圖層
圖 50-按鈕製作 6
6. 檔案→另存新檔→存成 TIFF 檔
換 Ai
圖 51-按鈕製作 7
點選 圓角矩形工具拉一個圓角矩形
圖 52-按鈕製作 8
1. 檔案 置入 剛剛做的弓
圖 53-按鈕製作 9
2. 開始製作弓箭 點選多邊形工具 拉一個三角形(Z)
圖 54-按鈕製作 10
3. 點選 矩形工具,拉一個矩形(X)
圖 55-按鈕製作 11
4. 選取 Z,X 然後點路徑管理員裡的聯集
圖 56-按鈕製作 12
5. 點選 矩形工具 拉一個矩形 放在 Z,X 的中心,案路徑管理員裡的切割將 上下分割
圖 57-按鈕製作 13
6. 點選右鍵 分解群組
圖 58-按鈕製作 14
7. 點選右邊的色票來調顏色
圖 59-按鈕製作 15
8. 點選 矩形工具 拉兩個矩形並換顏色
圖 60-按鈕製作 16
9. 複製剛剛的矩形並對齊 Z,X 中心
圖 61-按鈕製作 17
10.點選右鍵 群組
圖 62-按鈕製作 18
11.點選鏡射工具,複製並翻轉
圖 63-按鈕製作 19
12.使用漸層
圖 64-按鈕製作 20
13.使用透明度 色彩增值
圖 65-按鈕製作 21
14.檔案→儲存檔案→存成 JPG 檔 換 ps
圖 66-按鈕製作 22
15.開啟 PS,將剛剛的 JPG 丟進去
圖 67-按鈕製作 23
16. 使用魔術棒,點選白色部分
圖 68-按鈕製作 24
17.選取→反轉
圖 69-按鈕製作 25
18.複製貼上,刪掉原圖層
圖 70-按鈕製作 26
19.檔案→另存新檔→存成 TIFF 檔 製作時間框 開啟 ps
圖 71-按鈕製作 27
27 開新檔案設定寬與高
圖 72-外框製作 1
28 點選矩形工具畫一個矩形
圖 73-外框製作 2
29 點選 選取 修改 縮減
圖 74--外框製作 3
30 選擇顏色 使用油漆桶上色
圖 75--外框製作 4
31 點選濾鏡 濾鏡收藏館
圖 76-外框製作 5
32 選擇你要的濾鏡 調整系數
圖 77-外框製作 6
33 選取 影像 調整 色相/飽和度
圖 78-外框製作 7
34 將上色打勾,調整係數
圖 79-外框製作 8
35 點選左下角 fx 選擇斜角與浮雕
圖 80-外框製作 9
36 選擇加漆工具,增加暗色 立體感
製作遊戲起始畫面
圖 81-遊戲介面製作 1
將人物和背景和用 AI 所設計的文字匯入 unity
圖 82-遊戲介面製作 2
拉時間軸讓人物依照時間去動作
圖 83-遊戲介面製作 3
拉時間軸讓字體依照時間去動作
圖 84-遊戲介面製作 4
完成