Cocos Creator 详解虚拟摇杆
生活随笔
收集整理的這篇文章主要介紹了
Cocos Creator 详解虚拟摇杆
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
文章轉自:https://www.dadadatou.com/archives/strt2.html
我們需要實現的目標是一個控制人物移動的虛擬搖桿
第一步:我們需要獲取我們搖桿的移動位置,再將獲取到坐標轉換成節點坐標。所以這里我們要開啟事件監聽如圖:
通過事件監聽我們就能獲取到我們想要的值,如圖:
第二步:也是最關鍵關鍵的一步,我們需要做到移動stick,不能超出stckBg,并且將值轉換后傳遞給需要控制的人物,因此我們需要定義移動的最大半徑以及他的方向
通過圖片我們知道,我們實際移動的坐標是(x2,y2),但是我們規定了最多不能超超出半徑(x1,y1),通過圖片我們明顯的知道圈內的三角形和圈外的三角形是相似的,由此我們就能求出(x1,y1)。同時我們將(x2,y2)的坐標進行歸一,具體代碼如圖所示
第三步:將我們計算出來了值傳遞給需要控制的人物。至于為什么angle需要減去90度可以去看我的上一篇文章
最后附上效果圖和源碼圖
總結
以上是生活随笔為你收集整理的Cocos Creator 详解虚拟摇杆的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: webstorm 波浪线_WebStor
- 下一篇: 植物转录因子 ChIP-Seq 实战系列