Unity3D 游戲引擎之實現平面多點觸摸
在上一章中已經介紹了Unity for 3D 游戲引擎的構建,從本章以后我將帶領大小盆友們一起更進一步的學習Unity游戲引擎。先從Unity平面開始,本章介紹Unity 平面上的多點觸摸。
點擊File->New Project 創建一個工程,可以使用默認 或者 名稱隨便起一起即可。點擊繼續完成創建工程。
Scene:游戲場景視圖,這里面可以擺放任意場景模型。
Camera Preview:攝像頭正對方向屏幕顯示內容
MainCamera:創建工程后默認會添加游戲的主攝像頭,在場景視圖中我們可以看見 MainCamera在三維坐標系中的位置。
我們今天的目標實際上就是讓攝像頭正對一個平面,在這個平面中實現多點觸摸
下面介紹一下腳本的使用,為了讓攝像頭顯示我們須要給主攝像頭綁定腳本,如下圖所示,點擊紅框內的Create 出現下拉列表,先創建兩個文件夾,Image用來存放圖片,Scripts用來存放腳本。 因為iPhone 4 的分辨率是960x640 所以找到一張 960x640的圖片做為屏幕背景圖,然后在找一張小一點的圖片做為觸摸后在屏幕中顯示的圖片。
Unity支持三種的腳本分別是javascript,C# Script,Boo Script, 官方推薦使用javascript來編寫,所以我們也就用javascript。
創建一個腳本名稱為menu.js,聲明了兩個變量 imageMenu 與 imageItem 來儲存游戲背景顯示與游戲觸摸顯示的紋理圖片。
function OnGUI () : 這個方法用來通知屏幕繪制。
DrawTexture: 繪制紋理。
Label:繪制一個文本。
iPhoneInput.touchCount :得到多點觸摸的數量。
iPhoneInput.GetTouch(i).position: 得到循環中每一個多點觸摸的位置。
iPos.x : 觸摸的x坐標
iPos.y : 觸摸的y坐標(左上角為00點的Y坐標)
GUI.DrawTexture(Rect(x,960 - y ,120,120),imageItem);
960 - y : 因為取得的y坐標是左上角00點的坐標,而Unity繪制是以左下角為00點的坐標,不處理直接用y的話坐標就是一個反的,所以這里用 iPhone 4的 高度 960 減去 當前觸摸的Y 就算出觸摸正確的顯示坐標。
[代碼]c#/cpp/oc代碼:
01 | var imageMenu :Texture2D; |
02 |
03 | var imageItem :Texture2D; |
04 |
05 | function OnGUI () { |
06 |
07 | GUI.DrawTexture(Rect(0,0,640,960),imageMenu); |
08 |
09 | var touchCount = iPhoneInput.touchCount; |
10 | for(var i = 0; i < touchCount; i++) |
11 | { |
12 | var iPos = iPhoneInput.GetTouch(i).position; |
13 | var x = iPos.x; |
14 | var y = iPos.y; |
15 |
16 | GUI.DrawTexture(Rect(x,960 - y ,120,120),imageItem); |
17 |
18 | GUI.Label(Rect(x, 960 - y,120,120),"Touch position is " + iPos); |
19 | } |
20 |
21 |
22 | } |
腳本已經添加完畢,接下來是綁定變量。
先將menu.js拖拽到Maincamera中,可以看到右下角紅框中出現兩個沒有賦值的變量 ImageMenu 與ImageItem ,因為上面腳本中聲明了這兩個變量,這里就會出現。在這里須要對這兩個變量賦值。然后拖拽圖片放入為其賦值。
OK 接下來就是build and run ,具體方法見上一章,這里就不羅嗦了。 我們看看運行在iPhone上的真機效果圖。
因為Unity3D for iPhone 只支持 5點觸摸,所以我將5根手指頭放入iPhone 4中 圖中清楚的記錄我的5根手指頭所在屏幕中的位置,以及正確的貼上了須要顯示的圖片。