了不起的 pixi.js 工具
=====================

[English](./README.md) | 简体中文

著名的 html5 渲染框架的有用 库/资源/工具 列表

网站和论坛
===================

[github 组织](https://github.com/pixijs)。

[github 主仓库](https://github.com/pixijs/pixi.js)。

[pixijs.com](http://www.pixijs.com/) – 官网。

[文档](http://pixijs.download/release/docs/index.html) – 最新版本的 pixi 的官方文档。

[例子](http://pixijs.github.io/examples/) – 官方例子列表。

[slack](http://pixijs.slack.com/) – 官方 slack 频道。

[html5gamedev 论坛板块](http://www.html5gamedevs.com/forum/15-pixijs/) – 不言而喻。

[goodboydigital twitter](https://twitter.com/goodboydigital) – 作者推特。

[goodboydigital blog](http://www.goodboydigital.com/blog/) – 作者博客。


场景、纹理、精灵、其他增强物
=============================================

[pixi-richtext](https://github.com/avgjs/pixi-richtext) – SDF 文本插件。

[pixi-display](https://github.com/pixijs/pixi-display) – 允许改变 pixi-v4 容器的渲染顺序，而不需要改变阶段和 z-index，以获得胜利。

[pixi-picture](https://github.com/pixijs/pixi-picture) – 对精灵进行最高质量的渲染，删除基本精灵中存在的任何人工痕迹。

[pixi-tilemap](https://github.com/pixijs/pixi-tilemap) – 瓦片地图，很容易就能做到。

[pixi-sdf-text](https://github.com/PixelsCommander/pixi-sdf-text) – 现在 Pixi 中为 WebGL 提供了最有效的文本渲染方法。

[pixi-multistyle-text](https://github.com/tleunen/pixi-multistyle-text) – 在 pixi.js 中添加了一个 MultiStyleText 对象，以方便使用不同的风格创建文本。

[pixicam](https://github.com/georgiee/lab-pixicam) – 用于 Pixi 的 2d 相机。

[pixi-super-atlas](https://github.com/gameofbombs/pixi-super-atlas) – 在你的运行时间中创建图片图集，支持 mipmaps。

[pixi-heaven](https://github.com/gameofbombs/pixi-heaven) – 运行时地图集，精灵的双重色调，最快的 glsl 计算的精灵面具。

[pixi-viewport](https://github.com/davidfig/pixi-viewport) – 一个高度可配置的视口/2D 相机，旨在与 pixi.js 一起工作。

[canvas-latex](https://github.com/CurriculumAssociates/canvas-latex) – 在 pixi.js 中渲染 latex 公式。

[yy-rendersheet](https://github.com/davidfig/rendersheet) - 为 pixi.js 实时生成精灵图(雪碧图)。

基本
=========

[ee3-timer](https://github.com/soimy/eventemitter3-timer) – 除了 ee3 之外，还可以与 pixi > 4 一起工作。


调试
=====

[pixi-inspector](https://github.com/bfanger/pixi-inspector) – 适用于 [chrome 的强大插件](https://chrome.google.com/webstore/detail/pixi-inspector/aamddddknhcagpehecnhphigffljadon)，可以直观地检查和修改你的场景图中的结点。

[pixi-console](https://github.com/jkanchelov/pixi-console) - 添加一个显示控制台日志的容器。在移动设备上很有用。

[gstatsjs](https://github.com/eXponenta/gstatsjs) - 显示几个与纹理相关的指标，如 drawcalls。可与 Pixi、Phaser 一起使用，也可以集成到自定义渲染器中。

动画
=======

[pixi-spine](https://github.com/pixijs/pixi-spine) – 将 [spine](http://esotericsoftware.com/)-ts的官方运行时移植到 pixi。

[pixi-action](https://github.com/hustcc/pixi-action) – 以 Cocos2d-x 风格制作动画。

[pixi-live2d](https://github.com/avgjs/pixi-live2d) – 日本动画工具 [live2d](http://live2d.com) 的插件。

[pixi-tween](https://github.com/Nazariglez/pixi-tween) – 萌新!

[pixi-animate](https://github.com/jiborobot/pixi-animate) – Pixi.js 的插件，为使用 PixiAnimate Extension 的内容输出提供运行时。

[pixi-ease](https://github.com/davidfig/pixi-ease) - 使用 easing 函数的 pixi.js 动画库。

[pixi-animate-extension] – Adobe Animate CC（以前的 Adobe Flash CC）的自定义平台插件 - 为 Pixi.js 渲染器导出动画。

滤波器、着色器、VFX
=====================

[pixi-filters](https://github.com/pixijs/pixi-filters) – 一些官方滤波器。

[neutrinoparticles.pixi](https://www.npmjs.com/package/neutrinoparticles.pixi) - 允许你渲染中微子粒子的效果，如水流。

[pixi-after-effects-pixi5](https://www.npmjs.com/package/pixi-after-effects-pixi5) - 将Adobe AfterEffects动画作为JSON导入pixi.js中。


GUI 和交互
===================

[EZGUI](https://github.com/Ezelia/EZGUI) – 在你的应用程序中使用一堆精心制作的 UI 元素。

[gown.js](https://github.com/GreyRook/gown.js) – pixi.js 的 UI 系统，灵感来源于[feathers-ui](https://feathersui.com/)。

[dat.gui](https://github.com/dataarts/dat.gui) – 基于 DOM 的 GUI 可以作为 Pixi 上面的开发工具。

[heatmap](https://github.com/nconrad/heatmap) – 用于生物信息学和大数据的 WebGL 热图浏览器。


音频
=====

[pixi-sound](https://github.com/pixijs/pixi-sound) – 官方的 WebAudio API 播放，没有任何 Flash 垫片或 HTML 音频回退。

[sound.js](https://github.com/kittykatattack/sound.js) – 一个微型库，用于加载、播放和生成游戏和互动应用程序的音效和音乐。

粒子
=========

[pixi-particles](https://github.com/pixijs/pixi-particles) – 官方粒子插件。

[pixi-particles-editor](https://github.com/pixijs/pixi-particles-editor) – 查看在线 [demo](http://pixijs.github.io/pixi-particles-editor/)。


游戏引擎
============

[chocolatier](https://github.com/alexkehayias/chocolatier) – ClojureScript 游戏/引擎使用 Pixi.js 进行渲染。

[hexi](https://github.com/kittykatattack/hexi) – 带有 Pixi 渲染的极简主义游戏引擎。

[pixi-engine](https://github.com/gamestdio/pixi-engine) - 为使用 PixiJS 开发游戏提供了一个类似引擎的最小结构

集成
============

[pixi-haxe](https://github.com/pixijs/pixi-haxe) – [haxe](haxe.org) 编译器的 externs。

[react-pixi](https://github.com/Izzimach/react-pixi) – 为 Facebook 的 react 框架进行整合。

[pixi.scala.js](https://github.com/scalajs-io/pixijs) – 用于 scala.js 编译器的 externs。

[react-pixi-fiber](https://github.com/michalochman/react-pixi-fiber) – 与 react.js 框架的整合。

[react-pixi](https://github.com/inlet/react-pixi) – 另一个 react.js 集成，带有自定义渲染器、调和等功能。

[RobotlegsJS-Pixi](https://github.com/RobotlegsJS/RobotlegsJS-Pixi) – RobotlegsJS 框架与 PixiJS 的整合。

书籍和学习
================

[The Book of Shaders](https://thebookofshaders.com/) – ✨ 关于 glsl 的综合书籍，有javascript和[在线 sandbox ](http://editor.thebookofshaders.com/)的例子。

[WebGL How it Works](https://webglfundamentals.org/webgl/lessons/webgl-how-it-works.html) – ✨ 如果你的计算机图形知识为零，这组文章有助于你掌握 webgl api 和基础知识。

[kittenattack](https://github.com/kittykatattack) – 关注这个人的 github 仓库，他们中的大多数人都无比适合学习。

[learningPixi](https://github.com/kittykatattack/learningPixi) – 用 Pixi 开发游戏的权威指南。

Forks
=====

[gameofbombs](https://github.com/gameofbombs/pixi.js) – 定制的 Pixi 3.0，带有静态变换、2D 相机和 2.5D 变换。在 [gameofbombs.com](https://gameofbombs.com) 的生产中使用。


工具
=====

[TexturePacker](https://www.codeandweb.com/texturepacker) – PixiJS 的精灵图打包器，具有图形用户界面和命令行。优化精灵片，以达到最佳的渲染质量和低内存使用。

[spritesheet.js](https://github.com/krzysztof-o/spritesheet.js) – 是用 node.js 编写的命令行 spritesheet（又称Atlas 纹理）生成器。支持导出到 pixi.js。

[SpriteIlluminator](https://www.codeandweb.com/spriteilluminator) – 用于精灵的法线图生成器。允许创建非常棒的动态灯光效果。

游戏
=====

[polyball](https://github.com/polyball/polyball) – 快速，多人参与，物理驱动的网球在两个维度。

[bemuse](https://github.com/bemusic/bemuse) – 基于 web 的在线节奏动作游戏。基于 HTML5 技术、React、Redux 和 Pixi.js。

[breakout](https://github.com/Bonnee/breakthefuckout) – 用 JavaScript 和 Pixi.js 制作的突围游戏。

[duckhunt](https://github.com/MattSurabian/DuckHunt-JS) – DuckHunt 被移植到 JS 和 HTML5。

[doom-lgs](https://github.com/matiasbeckerle/doom-lgs) – 一款多人Node.js光枪射击游戏，灵感来自于《Doom》。

[rockvomit](https://github.com/rocket-hands/rockvomit ) – 布娃娃节奏游戏。

[railways](https://github.com/ivanpopelyshev/railways) – 铁路游戏。

[tetris](https://github.com/nylira/tetris) – 俄罗斯方块。

[wbwwb-ko](https://github.com/simnalamburt/wbwwb-ko)

[LegendOfMountainSea](https://github.com/SkyHarp/LegendOfMountainSea) – 带有山海经传说的4X沙盒游戏。