Roman Vinnick
Roman Vinnick
  • 3
  • 470
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-Spritesheet-Character-Generator/#?body=Body_color_light&head=Human_male_light
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
Переглядів: 484

Відео

First intro
Переглядів 3114 днів тому
Welcome, here's my new channel, where I will be uploading lots of the content related to coding (tutorials, fun talks, and more)
Sound test Keychron K2 VS AJAZZ ak820 pro. Still good for 2025?
Переглядів 6314 днів тому
Testing my new AJAZZ ak820 pro (flying fish switches) against my old Keychron K2 (brown switches) Actually both keyboards are quite good, however the price-value ratio is much better on AJAZZ in my opinion. Parts 0:00 AJAZZ ak820 pro sound 0:39 Keychron K2 sound 1:13 Thanks for watching