Pixi.js使用WebGL牲证,是一個(gè)超快的HTML5 2D渲染引擎。作為一個(gè)Javascript的2D渲染器饵筑,Pixi.js的目標(biāo)是提供一個(gè)快速的极景、輕量級(jí)而且是兼任所有設(shè)備的2D庫(kù)。提供無(wú)縫 Canvas 回退吼句,支持主流瀏覽器锅必,包括桌面和移動(dòng)。 Pixi渲染器可以開(kāi)發(fā)者享受到硬件加速惕艳,但并不需要了解WebGL搞隐。
=========================================================================
相關(guān)官方資料:
GitHub:https://github.com/GoodBoyDigital/pixi.js/
官網(wǎng):?http://www.pixijs.com/
API :http://www.goodboydigital.com/pixijs/docs/
官方教程:http://www.goodboydigital.com/pixi-js-tutorial-getting-started/
注釋:
Pixi.js的GitHub主頁(yè)上,列舉了很多在線Demo远搪。
需要說(shuō)明的是劣纲,有些示例需要使用http才能瀏覽,也就是說(shuō)file://的方式有些資源是無(wú)法顯示的谁鳍。
=========================================================================
Font文件使用
PIXI.extras.BitmapText:http://pixijs.download/release/docs/PIXI.extras.BitmapText.html
// in this case the font is in a file called 'desyrel.fnt'
let bitmapText = new PIXI.extras.BitmapText("text using a fancy font!", {font: "35px Desyrel", align: "right"});