└── README.md /README.md: -------------------------------------------------------------------------------- 1 | Awesome pixi.js tools 2 | ===================== 3 | 4 | A list of useful libs/resources/tools for renowned html5 rendering framework 5 | 6 | Websites and forums 7 | =================== 8 | 9 | [github organization](https://github.com/pixijs). 10 | 11 | [github main repository](https://github.com/pixijs/pixi.js). 12 | 13 | [pixijs.com](http://www.pixijs.com/) – official website. 14 | 15 | [docs](http://pixijs.download/release/docs/index.html) – official documentation for the latest version of pixi. 16 | 17 | [examples](http://pixijs.github.io/examples/) – official examples list. 18 | 19 | [slack](http://pixijs.slack.com/) – official slack channel. 20 | 21 | [html5gamedev forum section](http://www.html5gamedevs.com/forum/15-pixijs/) – self-explanatory. 22 | 23 | [goodboydigital twitter](https://twitter.com/goodboydigital) – the creator. 24 | 25 | [goodboydigital blog](http://www.goodboydigital.com/blog/) – same as above. 26 | 27 | 28 | Scene, textures, sprites, other augmentations 29 | ============================================= 30 | 31 | [pixi-richtext](https://github.com/avgjs/pixi-richtext) – SDF text plugin. 32 | 33 | [pixi-display](https://github.com/pixijs/pixi-display) – allows to change rendering order of pixi-v4 containers without changing the stage, z-index for the win. 34 | 35 | [pixi-picture](https://github.com/pixijs/pixi-picture) – top-quality render for sprites, removes any artifacts that are present in basic sprite. 36 | 37 | [pixi-tilemap](https://github.com/pixijs/pixi-tilemap) – tilemaps with ease. 38 | 39 | [pixi-tiled](https://github.com/beeglebug/pixi-tiled) – import tile maps from [Tiled Editor](http://www.mapeditor.org/). 40 | 41 | [pixi-sdf-text](https://github.com/PixelsCommander/pixi-sdf-text) – most efficient text rendering approach for webgl now in pixi. 42 | 43 | [pixi-multistyle-text](https://github.com/tleunen/pixi-multistyle-text) – adds a MultiStyleText object inside pixi.js to easily create text using different styles. 44 | 45 | [pixicam](https://github.com/georgiee/lab-pixicam) – 2d camera for pixi. 46 | 47 | [pixi-super-atlas](https://github.com/gameofbombs/pixi-super-atlas) – create image atlas in your runtime, mipmaps supported. 48 | 49 | [pixi-heaven](https://github.com/gameofbombs/pixi-heaven) – runtime atlas, double tint for sprites, fastest glsl-calculated sprite masks. 50 | 51 | [pixi-viewport](https://github.com/davidfig/pixi-viewport) – a highly configurable viewport/2D camera designed to work with pixi.js. 52 | 53 | [canvas-latex](https://github.com/CurriculumAssociates/canvas-latex) – render latex formulas in pixi.js. 54 | 55 | Essential 56 | ========= 57 | 58 | [ee3-timer](https://github.com/soimy/eventemitter3-timer) – addition to ee3 and works with PIXI >4. 59 | 60 | [pixi-timer](https://github.com/Nazariglez/pixi-timer) – manage event timers easily. 61 | 62 | 63 | Debug 64 | ===== 65 | 66 | [pixi-inspector](https://github.com/bfanger/pixi-inspector) – awesome [plugin for chrome](https://chrome.google.com/webstore/detail/pixi-inspector/aamddddknhcagpehecnhphigffljadon), visually inspect and modify nodes in your scene graph. 67 | 68 | [fconsole](https://github.com/flashist/fconsole) – very powerful debugging tools, requires a custom setup in your project. 69 | 70 | 71 | Animate 72 | ======= 73 | 74 | [pixi-spine](https://github.com/pixijs/pixi-spine) – port of official [spine](http://esotericsoftware.com/)-ts runtime to pixi. 75 | 76 | [pixi-action](https://github.com/hustcc/pixi-action) – animations in Cocos2d-x style. 77 | 78 | [pixi-live2d](https://github.com/avgjs/pixi-live2d) – plugin for japanese animation tool [live2d](http://live2d.com). 79 | 80 | [pixi-dragonbones](https://github.com/cinkonaap/pixi-dragonbones) – plugin for royalty-free animation tool [dragonbones](http://dragonbones.com/en/index.html). 81 | 82 | [pixi-tween](https://github.com/Nazariglez/pixi-tween) – tweens! 83 | 84 | [pixi-animate](https://github.com/jiborobot/pixi-animate) – plugin for Pixi.js which provides a runtime for content export using PixiAnimate Extension. 85 | 86 | [gsap-pixi](https://github.com/noprotocol/gsap-pixi-plugin) – plugin for popular gsap animation library. 87 | 88 | 89 | Filters, shaders, vfx 90 | ===================== 91 | 92 | [PixiGlitch](https://github.com/ktingvoar/PixiGlitch) – various glitch effects . 93 | 94 | [pixi-filters](https://github.com/pixijs/pixi-filters) – some official filters. 95 | 96 | [pixi-extra-filters](https://github.com/pixijs/pixi-extra-filters) – even more official filters, some of these can be outdated. 97 | 98 | 99 | GUI and interaction 100 | =================== 101 | 102 | [EZGUI](https://github.com/Ezelia/EZGUI) – bunch of crafted UI elements to use in your app. 103 | 104 | [gown.js](https://github.com/GreyRook/gown.js) – UI system for pixi.js inspired by [feathers-ui](https://feathersui.com/). 105 | 106 | [pixi-keyboard](https://github.com/Nazariglez/pixi-keyboard) – powerful keyboard handling for pixi. 107 | 108 | [text-input](https://github.com/limikael/PixiTextInput) – text input add-on. 109 | 110 | [dat.gui](https://github.com/dataarts/dat.gui) – DOM-based GUI can be used as dev tools on top of pixi. 111 | 112 | 113 | Audio 114 | ===== 115 | 116 | [pixi-sound](https://github.com/pixijs/pixi-sound) – official WebAudio API playback without any Flash shims or HTML Audio fallback. 117 | 118 | [pixi-audio](https://github.com/Nazariglez/pixi-audio) – another great audio plugin with native pixi structure. 119 | 120 | [sound.js](https://github.com/kittykatattack/sound.js) – a micro-library to load, play and generate sound effects and music for games and interactive applications. 121 | 122 | [PIXI.draggable](https://github.com/SebastianNette/PIXI.draggable) – "easiest way to get drag & drop done in PIXI.js!" 123 | 124 | Particles 125 | ========= 126 | 127 | [pixi-particles](https://github.com/pixijs/pixi-particles) – official particles plugin. 128 | 129 | [pixi-particles-editor](https://github.com/pixijs/pixi-particles-editor) – see online [demo](http://pixijs.github.io/pixi-particles-editor/). 130 | 131 | 132 | Game Engines 133 | ============ 134 | 135 | [chocolatier](https://github.com/alexkehayias/chocolatier) – ClojureScript game/engine using Pixi.js for rendering. 136 | 137 | [qiciengine](https://github.com/qiciengine/qiciengine)(abandoned) – rich unity-like game creation tool. 138 | 139 | [hexi](https://github.com/kittykatattack/hexi) – minimalistic game engine with pixi rendering. 140 | 141 | [pixi-engine](https://github.com/gamestdio/pixi-engine) - Provides a minimal engine-like structure for developing games with PixiJS 142 | 143 | Integrations 144 | ============ 145 | 146 | [pixi-haxe](https://github.com/pixijs/pixi-haxe) – externs for [haxe](haxe.org) compiler. 147 | 148 | [react-pixi](https://github.com/Izzimach/react-pixi) – integration for facebook's framework. 149 | 150 | [pixi.scala.js](https://github.com/scalajs-io/pixijs) – externs for scala.js compiler. 151 | 152 | [robotlegs-pixi](https://github.com/GoodgameStudios/RobotlegsJS-Pixi) – RobotlegsJS framework integration with PixiJS. 153 | 154 | [react-pixi-fiber](https://github.com/michalochman/react-pixi-fiber) – integration with react.js framework. 155 | 156 | [react-pixi](https://github.com/inlet/react-pixi) – another react.js integration with custom renderer, reconcilation, etc. 157 | 158 | Books & Learning 159 | ================ 160 | 161 | [The Book of Shaders](https://thebookofshaders.com/) – ✨ comprehensive book about glsl with examples in javascript and [online sandbox](http://editor.thebookofshaders.com/). 162 | 163 | [WebGL How it Works](https://webglfundamentals.org/webgl/lessons/webgl-how-it-works.html) – ✨ if you have zero computer graphics knowledge, the set of articles helps to get your hands on webgl api and fundamentals. 164 | 165 | [kittenattack](https://github.com/kittykatattack) – check that person github repositories, most of them are incredibly suited for learning. 166 | 167 | [learningPixi](https://github.com/kittykatattack/learningPixi) – definitive guide to game development with pixi. 168 | 169 | 170 | Forks 171 | ===== 172 | 173 | [gameofbombs](https://github.com/gameofbombs/pixi.js) – custom pixi 3.0 with static transforms, 2d camera and 2.5d transforms. Used in production on [gameofbombs.com](gameofbombs.com). 174 | 175 | 176 | Tools 177 | ===== 178 | 179 | [TexturePacker](https://www.codeandweb.com/texturepacker) – sprite sheet packer for PixiJS with graphical user interface and command line. Optimizes sprite sheets for best render quality and low memory usage. 180 | 181 | [spritesheet.js](https://github.com/krzysztof-o/spritesheet.js) – is command-line spritesheet (a.k.a. Texture Atlas) generator written in node.js. Support export to pixi.js 182 | 183 | [SpriteIlluminator](https://www.codeandweb.com/spriteilluminator) – normal map generator for sprites. Allows creating awesome dynamic light effects. 184 | 185 | Games 186 | ===== 187 | 188 | [polyball](https://github.com/polyball/polyball) – fast, multiplayer, physics-driven tennis in two dimensions.. 189 | 190 | [bemuse](https://github.com/bemusic/bemuse) – web-based online rhythm action game. Based on HTML5 technologies, React, Redux and Pixi.js. 191 | 192 | [breakout](https://github.com/Bonnee/breakthefuckout) – breakout game made in JavaScript and Pixi.js. 193 | 194 | [duckhunt](https://github.com/MattSurabian/DuckHunt-JS) – DuckHunt ported to JS and HTML5. 195 | 196 | [doom-lgs](https://github.com/matiasbeckerle/doom-lgs) – a multiplayer Node.js light gun shooter inspired on Doom. 197 | 198 | [rockvomit](https://github.com/rocket-hands/rockvomit ) – ragdoll rhythm game. 199 | 200 | [railways](https://github.com/ivanpopelyshev/railways) – railways game. 201 | 202 | [tetris](https://github.com/nylira/tetris) – just a tetris. 203 | 204 | [wbwwb-ko](https://github.com/simnalamburt/wbwwb-ko) 205 | 206 | [LegendOfMountainSea](https://github.com/SkyHarp/LegendOfMountainSea) – 4X sandbox game with legend of Mountain and Sea Classics. 207 | --------------------------------------------------------------------------------