PixiJS 是一个超快的2D渲染引擎。它自动侦测使用 WebGL 或者 canvas。开发者无需专门学习 WebGL 就能感受到强大的硬件加速的力量。

PixG V Y xiJS 会帮助你用 JavaScript 或者其他 HTMLC 4 X h C k L 75
技术来显示媒体,创建动画或管理交互式图像,从而制作一个游戏或应用。它拥有语义化的,简洁的 API
接口并且加入了: c * B k { ( }一些非常有用的特性。比如支持纹理贴图集和为精灵(H } = 4 W 7交互式图像)提供了一个简单的动画系统。它也提供了一个完备的场景图,你可以在精灵图层里面创建另一个? i ?精灵,当: ? U l ; C h {然也可以让精灵响应你t I 1 / M }的鼠标或触摸事件。
PixiJS的优势
容器~ S t | s ) t ^ /
容器是用来装载多个显示对象的, 它可以用 PIXI.Co} ; : { ^ ontainer() 方法来创建,而我们$ - V T Z t x 3 6创建的 Pixi 应用的 stage
属性就是一个容器对象,它被当作根容器使用,它将包裹所有你想用 Pixi 显示的东西。
精灵
精灵是可以放在容器里的特殊图像对象。精灵是你能用代码控制图像的基础。你能够控制他们的位置,大小,和许多其他有用的属性来产生交互和动画。
创建一个精灵需要用 PIXI.Spr/ ( @ Kite() 方法。
纹理
因为 Pixi 用 WebGL 和 GPU 去渲染图像,所以图像需要转化成 GPU 可以处理的格式。可以被 GPU 处理的图像被称作 纹理
。在你让精灵显示图片之前,需要将普通的图片转化成 WebGL 纹理。为了让所有工作执行的快速有效率,Pixi使用 纹理缓存
来存储和引用所有你的精灵需要的纹理。纹理的名称字符串就是图像的地址。这意味着如果你有从“images/cat.png”
加载的图像,q Z :你可以在纹理缓存中这样找到他:
要注意的是,虽然 PixiJS 非常适合制作游戏,但它并不是一个游戏引擎,它的核心本质是尽可能快速有效地在屏幕上移动物体。
数据统计
数据评估
本站搜录了导航提供的Pixijs都来源于网络,不保证外部链接的准确性和完整性,同时,对于该外部链接的指向,不由搜录了导航实际控制,在2022年3月27日 下午5:41收录时,该网页上的内容,都属于合规合法,后期网页的内容如出现违规,可以直接联系网站管理员进行删除,搜录了导航不承担任何责任。