• 沒有找到結果。

角色外觀、介面

在文檔中 崑山科技大學 (頁 42-72)

第四章、 系統實現

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

完成

在文檔中 崑山科技大學 (頁 42-72)

相關文件