CP1: Animation in P5JS – Sprites
Автор: Jeff Thompson
Загружено: 2020-11-05
Просмотров: 2362
Описание:
Sprites – a series of still images to create more complex animations or a hand-drawn look – are also possible in p5.js! We can load in an array (a list) of images, then draw one per frame, updating which is drawn. To keep track of everything, the frames of your animation should be stored in a folder (ours is called "frames") and their filenames should be sequentially numbered so we can easily load them.
Explosion sprite sheet via SeekPNG:
https://www.seekpng.com/ipng/u2q8t4i1...
👩💻 https://editor.p5js.org/jeffThompson/...
ALL THE VIDEOS IN THIS UNIT
🎥 • CP1: Week 09 (Animation)
CHALLENGES
❓ Can you make the sprite move around? Either try making it follow your mouse or animate it like we did in Animation Basics: Position
❓ Can you create two different sprites that get displayed onscreen? Hint: you'll need two different arrays, two different 'whichFrame' variables, and two different x/y positions.
Повторяем попытку...
Доступные форматы для скачивания:
Скачать видео
-
Информация по загрузке: