Pixi.js学习资料整理

Pixi.js使用WebGL,是一个超快的HTML5 2D渲染引擎。作为一个Javascript的2D渲染器,Pixi.js的目标是提供一个快速的、轻量级而且是兼任所有设备的2D库。提供无缝 Canvas 回退,支持主流浏览器,包括桌面和移动。 Pixi渲染器可以开发者享受到硬件加速,但并不需要了解WebGL。

=========================================================================

相关官方资料:

GitHub:https://github.com/GoodBoyDigital/pixi.js/

官网: http://www.pixijs.com/

API :http://www.goodboydigital.com/pixijs/docs/

官方教程:http://www.goodboydigital.com/pixi-js-tutorial-getting-started/

注释:

Pixi.js的GitHub主页上,列举了很多在线Demo。

需要说明的是,有些示例需要使用http才能浏览,也就是说file://的方式有些资源是无法显示的。

=========================================================================

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"});

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前些日子从@张鑫旭微博处得一份推荐(Front-end-tutorial),号称最全的资源教程-前端涉及的所有知识...
    谷子多阅读 9,791评论 0 44
  • 今天看微博,偶然发现这段文字。细细读完,才真正发掘其背后蕴含的深意。不论你说它牵强附会,还是哗众取宠也罢...
    耳Dong_阅读 1,342评论 0 2
  • 二、相见 时间回到2016年的1月份,正值学校寒假时间。我当时准备做借贷宝赚一点小钱,当我刚把小礼品准备好的时候,...
    喜欢你就是我的弱点阅读 1,774评论 0 0
  • 乘内陆航班 抵达乔治镇 进入花园大道 行驶在花园大道 一边是海水 一边是高山、湖泊、原野 还有一座座美丽的小镇 有...
    多彩007阅读 1,675评论 0 1
  • 【同心同德】 明天有另外安排没有时间画画了,所以晚上又画了一幅八尺整竹笋图“同心同德”,差不多的构图应该画了几千...
    竹童阅读 3,012评论 0 0

友情链接更多精彩内容