PixiJS 筆記 – level – 4 mesh

從原生PIXIjs 的試寫來理解RM MV的一些架構與程式




這一次要看到PIXI.mesh.Rope的操作部分

先來看一下官方的解說
pixijs

這邊我們可以理解成,你可以在一個Texture上面設置很多個點,並操控這些點來達到一些效果。

來看一下基本code的生成。
PIXIJS

這邊我們new 了13個點塞到了 Evil.png的圖片上。

而var point = [] push 進去的是個PIXI.POINT 物件,方便我們後續直接操控point 來扭動這張圖

接著我們在 add ticker 去update 這幾個點的位置,就可以產生扭動的圖了。
PIXIJS
#別忘記JS是 ref obj的,你的obj只要一修改就是連動的。

效果大概是這樣,可以看到圖片跟著點點一直扭曲。
pixijs

不好意思沒有放影片,不過你想知道效果其實可以到官方的範例看看會更清楚

回頭看了一下 RM中Sprite的Texture為Basetexture,看起來是無法直接玩這個效果,

但他的parent 可以是 PIXI.Container,可能要嘗試一下直接new Sprite後,在addChild(PIXI.mesh.Rope) 看看能不能直接套用效果惹。

RMMV

至於point 的部份也建議直接在該Sprite底下 用this._rope_point 去接,這樣就可以在update的時候 去控制點來 進行扭動

手癢還是測試了一下,看起來可以扭曲,但不會持續扭動,
還要在研究看看怎樣可以讓他動起來
RMMV

Author: chimaki

作者粽子,2007年初次接觸RM2K3後便與遊戲製作結下不解之緣。2010年開始踏入遊戲業,任職研發企劃。2016年開始轉職Server工程師,喜愛並支持獨立製作。2016年開始正式推廣RPG MAKER MV。

發表迴響