Canvas in for loop, rendered once and speed multiplied?

[markbrown4]

This doesn’t directly answer your question but I think it will give you some ideas for how to implement the game loop.

I need help with keydown and keyup events

Ok, the main problem is that you’re calling your draw function on every frame, but it’s doing a lot more than draw e.g. you’re binding the keypress - so when get around to pressing a key you’re running that function thousands of times and it will grind to a halt when you run out of memory. Here is the crux of the game loop, the loop runs as fast as it can(60fps) and then on each frame you update the state of the world based on the inputs and then draw function update(dt) { // …