Pixi.js Tutorial For Complete Beginners - Create 2D Games & All Sorts Of Interactive Content With JS

Описание: In this tutorial, we're going to learn the fundamental parts of the Javascript library Pixi.js, such as creating and adding 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 other use cases.
---
Timestamps
00:00 Intro - What is Pixi.js?
00:47 Setting up
02:20 Canvas properties
04:16 Creating and adding shapes to the canvas
11:21 Creating text
13:25 Ticker
15:33 Images, textures, and sprites
17:10 Geometric transformations
20:36 Pointer and keyboard events
22:35 Containers and particle containers
27:08 Loaders
30:31 Tilesets/sprite sheets
33:29 Sprite sheets the ".JSON" way
36:31 Animating sprites
39:09 Animating backgrounds/Infinite backgrounds
41:57 Sound
43:17 Filters
44:41 Wrapping up
---
Article (V8)
https://waelyasmina.net/articles/pixi...
---
Support the channel
buymeacoffee.com/waelyasmina
---
Project files
https://github.com/WaelYasmina/pixitu...
---
Resources
Pixi.js
https://www.pixijs.com/
Sprite sheet packer
https://www.codeandweb.com/free-sprit...
Filters repository
https://github.com/pixijs/filters
Examples
https://pixijs.io/examples/#/demos-ba...
A bit deeper guide (care though because some parts of this article are outdated)
https://github.com/kittykatattack/lea...
Sprite sheets
https://www.spriters-resource.com/gen...
https://retrogamezone.co.uk/littlesam...
Soundtrack
  / the-first-night-of-the-journey