上篇文章里吧寺，我們介紹并簡單使用了PIXI.Application谋币。
在大多數情況下，Application足夠方便和好用募壕，但是總會遇到一些特殊情況——比如在微信小游戲的開發(fā)中棘钞。因為new PIXI.Application的過程叫乌，有一步是檢測運行環(huán)境對WebGL特性的支持情況。
/**
* WebGL renderer if available, otherwise CanvasRenderer.
* @member {PIXI.Renderer|PIXI.CanvasRenderer}
*/
this.renderer = autoDetectRenderer(options);
由于微信小游戲環(huán)境下的某些WebGL特性不被支持，所有這一步逻悠，PIXI會使用CanvasRenderer。但是节腐，這不是我們想要結果。
開始構造
如果還記得上篇文章中提到的PIXI里幾個主要組成部分蚤认，那么下面的內容就很容易理解。
- 創(chuàng)建一個渲染器训唱。
/* 參詳官方文檔, 默認可不傳 */
const renderer = new PIXI.Renderer()
- 創(chuàng)建一個舞臺
const stage = new PIXI.Container()
- 創(chuàng)建一個計時器
// 使用公共的
const ticker = PIXI.Ticker.shared
// 創(chuàng)建一個
const ticker = new PIXI.Ticker()
-
渲染
示例
// 畫個正方形圖形
const square = new PIXI.Graphics()
.beginFill(0xffcc33)
.drawRect(0, 0, 100, 100)
.endFill()
// 設置位置
square.position.set(300)
// 將圖形添加舞臺
stage.addChild(square)
// 計時器添加一個任務
ticker.add(() => {
square.rotation += .01
renderer.render(stage)
})
附
將會寫個系列教程，下期再見??！７古印戒悠！
感謝
