So far we’ve dealt with simple sprites, but there’s a cool way to create “internal animation” using sprite sheets. Internal animation refers to animation that happens to/in the sprite itself, such as a bird with flapping wings. The wing animations are a part of the sprite itself — then you’d use AddForce() or something similar to make the flapping bird move across the screen.
This look at sprite sheets is really a “surface” look — there’s a lot more to sprite sheets that we won’t get into right now.
An Introduction to Sprite Sheets (1:46)
Animation Using a Sprite Sheet – Part 1 of 2 (4:42)
Animation Using a Sprite Sheet – Part 2 of 2 (4:18)
A Quick(ish) Mini-Game (10:19)
Explosion.js (A little fancier than in the video)
Back to the Beginning 2D Game Development Dashboard