Premium Features

Download Video

Player Movement Animation

Getting our player sprite to move requires a bit of knowledge regarding canvas's draw image function, and how to manipulate a spritesheet over time. This video will teach you how to animate your character using the spritesheets we already put within our /img directory.

Comments

Want to participate?

Create a free Chris Courses account to begin

Login
R
RookieRonin posted 4 years ago

somehow for me, i had to put "this.frames.elapsed % 20" instead of % 10, in order to have a normal walk speed. I'm using Firefox

0

Providing the lift to launch your development career

© 2026 Chris Courses. All rights reserved.