
PIXI + REACT full 1 hour course from scratch
Here's the one of the kind tutorial for react + pixi.js
Let's create a wonderful game-like experience!
In this course we will learn:
1) How to create a setup for 2d game in React
2) How to create following camera
3) How to create assets
4) How to use the textures
5) How to dynamically create sprites, and animations based on these.
Final project: github.com/Roman1510/pixi-experience
Character creator: liberatedpixelcup.github.io/Universal-LPC-Spritesh…
Tilesets: itch.io/game-assets/free/tag-tileset
Some pixi.js made games: itch.io/games/made-with-pixijs
0:00 Intro
1:00 Project basic setup
3:14 Creating the structure for the future project
5:13 Installing PIXI, creating stage
6:49 Make stage resizable
10:00 Making the main game container
12:10 Choosing the background texture
14:20 Basic assets
15:08 Tile editor overview
17:05 Creating a level component
19:25 Explanation of basic game world variables
20:18 Collision map adding
21:12 Creating a basis for the main character of the game, uploading spritesheet
32:02 Creating the controls system for the game
42:55 Creating movement, based on controls
59:35 Creating the animation for main character
1:11:24 Creating the following camera setup
1:17:57 Creating coins
1:19:45 Interface basics
コメント