In this tutorial, we’re going to learn the fundamental parts of the Javascript library Pixi.js, like how to create and add elements to the canvas, animation, capturing mouse and keyboard events to move elements, using loaders to load assets like sprite sheets/tilesets and JSON files, and way more.
Note that you don’t necessarily need to be interested in developing games to learn this library, because it has many use cases.
Timestamps
Resources
Pixi.js
https://www.pixijs.com/
Sprite sheet packer
https://www.codeandweb.com/free-sprite-sheet-packer
Filters repository
https://github.com/pixijs/filters
Examples
https://pixijs.io/examples/#/demos-basic/container.js
A bit deeper guide (care though it’s outdated)
https://github.com/kittykatattack/learningPixi
Sprite sheets
https://www.spriters-resource.com/genesis_32x_scd/ps4/sheet/45444/
https://retrogamezone.co.uk/littlesamson.htm
Soundtrack
https://soundcloud.com/8bitthemes/the-first-night-of-the-journey
#pixi #game-development #javascript #programming #developer