Transcript PlayMaker入門練習-滑鼠事件

PlayMaker
指導教授 ：黃河銓 博士
演 講 者 ：涂雯婷
Workshop ：2013/12/28
知識系統實驗室
PlayMaker教學大綱
• 認識Unity Store
– Unity插件與資源應用介紹
• 認識PlayMaker
–
–
–
–
–
–
–
特色
用途
介面介紹
Finite State Machines有限狀態機
Actions行為
Events事件
Variables變數
• PlayMaker入門練習
知識系統實驗室
–
–
–
–
物件換色
滑鼠事件
按鈕介面
trigger
2
認識Unity Store
知識系統實驗室
3
認識Unity Store
• Window→Asset Store→輸入Playmaker
知識系統實驗室
4
認識Unity Store-官網
知識系統實驗室
5
認識PlayMaker
知識系統實驗室
6
認識PlayMaker-特色
• 強大且視覺化的狀態機(state machine)編輯器。
• 無須撰寫程式碼，使用預先建立的Action(模組化
的組件)。
• 可輕易地管理事件與變數。
• 可複製/貼上樣板。
• 即時地除錯功能，可以觀察狀態的改變、事件的
傳遞、變數的檢查。
• 集結的輔助提示。
• 復原/重複功能。
知識系統實驗室
7
認識PlayMaker-用途
•
•
•
•
•
•
知識系統實驗室
3D運鏡動畫
3D場景導覽
虛擬實境演練
商品展示
遊戲雛型
…
8
認識PlayMaker-介面介紹
1.
2.
3.
4.
5.
FSM(Finite State Machine)工具列
編輯狀態的區域
除錯的工具列
可編輯選擇的狀態的屬性
PlayMaker的設定
1
2
4
知識系統實驗室
3
9
5
認識PlayMaker-Finite State Machines有限狀態機
• PlayMaker組織多個行為成為分散的狀態(FSM)。
• PlayMaker以事件驅動/切換狀態。
1.
2.
3.
4.
5.
起始事件
狀態
事件(碰撞、輸入、時間點…)
過渡Transition
全域的過渡Global Transition
知識系統實驗室
1
5
2
3
4
10
認識PlayMaker-Actions行為
• 集結所有Action，可在搜尋欄輸入關鍵字，或從分類項目搜尋。
• 編輯的方式如同Unity的Inspector視窗。
知識系統實驗室
11
認識PlayMaker-Events事件
• 分為自訂事件，與預設事件。
• 作為狀態之間切換的依據。
預設事件
自訂事件
知識系統實驗室
12
認識PlayMaker-Variables變數
• 儲存變數，分為區域變數和全域變數。
• 定義的變數可在Actions的相關參數設定裡看到。
知識系統實驗室
13
PlayMaker入門練習
知識系統實驗室
14
PlayMaker入門練習-物件變色
• 在場景裡加入一個Cube、並建立一個Material，將材質指
定給Cube(拖曳給物件)。
知識系統實驗室
15
PlayMaker入門練習-物件變色
• 在選擇Cube的狀態下，從PlayMaker工具列點選
Components/Add FSM To Selected Objects。
• 在Inspector視窗，Cube會被加上
Play Maker FSM組件。
知識系統實驗室
16
PlayMaker入門練習-物件變色
• 點選Edit按鈕，即可彈出playmaker編輯器。
知識系統實驗室
17
PlayMaker入門練習-物件變色
• 點選State 1，點選Action Browser。
• 在搜尋欄填入set material color，
或從分類項目的Material找尋此Action。
• 按下Add Action To State。
知識系統實驗室
18
PlayMaker入門練習-物件變色
• 預設的顏色是黑色，請調整為其他顏色。
• 預覽專案，可看到Cube已經變色了！
知識系統實驗室
19
PlayMaker入門練習-滑鼠事件
• 在Events視窗，按下Add Event右方的小按鈕。
• 挑選MOUSE DOWN事件。
• 注意：須確保物件有Collider
知識系統實驗室
20
PlayMaker入門練習-滑鼠事件
• 在編輯器左方的空白處按下右鍵，點選Add State，增加一個狀態。
知識系統實驗室
21
PlayMaker入門練習-滑鼠事件
• 在State 1上按下右鍵，點選Add Transition/MOUSE DOWN
• 在State 1狀態的MOUSE DOWN上，按下滑鼠左鍵拖曳到State 2。
知識系統實驗室
22
PlayMaker入門練習-滑鼠事件
• 回到State 1狀態，在State視窗下，在Set Material Color上按下滑
鼠右鍵，點選Copy Selected Actions。
• 在State 2狀態的State視窗下，
按下滑鼠右鍵 點選Paste Actions。
知識系統實驗室
23
PlayMaker入門練習-滑鼠事件
• 設定一個不同的顏色。
• 預覽專案，以滑鼠左鍵點擊Cube，即可做顏色的切換。
知識系統實驗室
24
PlayMaker入門練習-滑鼠事件
• 重複加入MOUSE DOWN事件，即可達到雙向點選的效果。
知識系統實驗室
25
PlayMaker入門練習-按鈕介面
•
•
•
•
•
對物件加入Play Maker FSM 。
加入必要的事件。
加入狀態與Transition。
加入Action，設定GUI的顏色、
按鈕樣貌與 觸發事件。
知識系統實驗室
26
PlayMaker入門練習-按鈕介面
• 加入狀態與Transition，並連結。
• 加入Action，設定材質的顏色，及切換狀態。材質的顏色請與對應
按鈕介面相符。
知識系統實驗室
27
PlayMaker入門練習-按鈕介面
• 以此類推，在按鈕介面的狀態加入另外四組的GUI設定，並重複製
作四組變色狀態。
知識系統實驗室
28
PlayMaker入門練習-trigger觸發器
• 首先先創建一個cube → 屬性裡帶了一個碰撞觸發器trigger(打勾)
• 再創建另一個球體sphere →屬性裡帶了一個碰撞觸發器trigger(不用
打勾，當球體接觸到cube就會有事件的觸發)→component →
physics → rigidbody (新加鋼的材質[碰撞才有效果]→is kinematic打
勾[將重力移除])
知識系統實驗室
29
PlayMaker入門練習-trigger觸發器
• 對cube添加FSM(狀態機) → 改變顏色Material → set material
color
• 在狀態一底下案右鍵→Add Transition → System Events →
Trigger enter(當進入觸發器時) → 連到狀態二
• 新增狀態二 → 改變顏色Material → set material color
• 在狀態二底下案右鍵→Add Transition → System Events →
Trigger exit(當離開觸發器時) → 連到狀態一
知識系統實驗室
30
PlayMaker入門練習-trigger觸發器
• 當碰觸A物件時，C物件改變顏色。
• 首先先創建C物件Cylinder的圓柱體
• 在狀態一和狀態二的顏色地方改變他的控制物體set material color
→ game object → specify game object → 把Cylinder拉進去
知識系統實驗室
31
PlayMaker入門練習-trigger觸發器
• 當碰觸A物件時，C物件改變顏色。
• 應用在遊戲部分，當我進入了什麼區域發生什麼狀態，所以可以將A
物件隱藏(物件屬性→Mesh Renderer[打勾拿掉])
知識系統實驗室
32
回家作業
• 利用unity創建一個地形和一個角色(使用貼圖豐富角色或背
景)
• 角色不可以超出牆壁(設定trigger)
• 當角色碰到A物體時，B物體會改變顏色
• 當角色碰到開關時，燈會打開/關閉
• 用GUI創建提示訊息(例如：跳出警告視窗或是說明欄等等)
• 評分標準：依照以上規定都做到給予基本分，再來依照整體
性與完整度或有做一些新的功能都會著量加分。
知識系統實驗室
33