我發現pixijs在國內簡直就是一片靜土啊,只有那麼一點點的微弱的不能再微弱的聲音。 我在這裡整理了下我使用過程中解決和可能理解的一些問題吧,都是一個個點,而不是完整的示例。 先放官網示例: https://pixijs.io/examples-v4/#/demos-basic/container. ...
我發現pixijs在國內簡直就是一片靜土啊,只有那麼一點點的微弱的不能再微弱的聲音。
我在這裡整理了下我使用過程中解決和可能理解的一些問題吧,都是一個個點,而不是完整的示例。
先放官網示例: https://pixijs.io/examples-v4/#/demos-basic/container.js
官網文檔:http://pixijs.download/release/docs/PIXI.Application.html (純英文的,閱讀起來還是有些吃力)
//創建一個示例 new PIXI.Application({ width: w, height: h });
這是必備的
//創建一個組,用於放置需要共同出現的精靈 new PIXI.Container({ width: w, height: h });
對場景切換一開始不瞭解,完全不知道怎麼處理的。後來才知道是把精靈分組,控制組之前的顯隱從而實現的場景切換。
//創建一個精靈,精靈就是每一個資源。我們的動畫主要是操作它。如果整體的話就是組了 let sense_two_ticket = PIXI.Sprite.fromImage('sense_two_ticket')
對於精靈的一些屬性使用(一部分同樣使用於組)
anchor: 定位錨點, 預設是左上角,可以設置在精靈內的任意位置,常用於放大縮小的焦點。
pivot: 旋轉時候的圓心位置,同理anchor。
position: 定位了。
width/height: 寬高了。
備註:
1、我用了pixijs才知道原來 0xFFFFFF 和 FFFFFF 是一個顏色,只是一個是16進位,一個是字元串。
2、我是參考了這位朋友的項目才理解的: 這是她的主頁: http://www.chunling.online/#/
以上僅限於個人理解,無論對錯。