PixiJS Playground

Interactive PixiJS playground in [Iced] CoffeeScript and JavaScript. Like JSFiddle, with a REPL and HTML5 local file (image and script) drag + drop.

https://github.com/nextorigin/pixijs-playground

• Demo
• Installation
• Usage
• Development
  • Development gulp tasks
• Credits
• License

Demo

Fully-working demo available at http://pixijs-playground.nextorig.in .

Installation

npm install pixijs-playground

Usage

Run a simple Express server for the compiled static files

gulp serve

Development

git clone https://github.com/nextorigin/pixijs-playground.git
cd pixijs-playground/
npm install
gulp build
gulp serve

Development gulp tasks

$ gulp --tasks-simple
css:copy
css:watch
css:codemirror
styl
styl:watch
css
templatizer
coffee
coffee:watch
js:copy
js:watch
js
watchify
build
clean
watch
serve

Credits

Built with:

• SpineJS MVC framework

• Gulp Streaming build system

• Browserify Browser-side require()

• Pixi.js Super fast HTML5 webGL/canvas 2D rendering engine

• stats.js JavaScript [Frame Rendering] Performance Monitor

• Iced CoffeeScript, a superset of CoffeeScript with await/defer

• CodeMirror In-Browser code editor

and some help from:

• coffeescript-repl In-Browser CoffeeScript advanced REPL

• js2coffee JavaScript to CoffeeScript compiler

License

MIT