Sprite sheets for 2D animation in p5js

Опубликовано: 05 Ноябрь 2022
на канале: morejpeg
1,792
39

In this video I explain how I work with sprite sheets in p5js using the image function.

Code: https://editor.p5js.org/rjgilmour/ske...

Subscribe and leave a like if you found this helpful and want to support me making more content like this! Leaving a comment helps as well, feel free to ask a question or request a topic for a future video.

0:00 Explanation of the Image function
0:57 Loading a sprite sheet
1:39 Drawing an image to the canvas
2:49 Getting a single frame of the sprite sheet
3:51 Using a counter to loop through each frame
5:54 Creating a sprite class
9:49 Using the sprite class
11:20 Adding a scale argument to the sprite class
12:33 Some basic character movement


Смотрите видео Sprite sheets for 2D animation in p5js онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь morejpeg 05 Ноябрь 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 1,79 раз и оно понравилось 3 людям.