Melonjs Tutorial -

// Keep player inside canvas this.pos.x = Math.min(me.game.viewport.width - 32, Math.max(0, this.pos.x));

draw(renderer) { renderer.setColor(this.color); renderer.fillRect(this.pos.x, this.pos.y, this.width, this.height); } } melonjs tutorial

In your PlayScene:

constructor(x, y) { super(x, y, { width: 32, height: 32 }); // Load sprite this.renderable = new me.Sprite(0, 0, { image: me.loader.getImage("player_sprite") }); this.renderable.addAnimation("idle", [0]); this.renderable.addAnimation("walk", [0, 1, 2, 1], 100); this.renderable.setCurrentAnimation("idle"); } // Keep player inside canvas this

The documentation is solid, the community is small but helpful, and the performance is excellent even on mobile. draw(renderer) { renderer.setColor(this.color)

If you love vanilla JavaScript but hate the bloat of heavy engines like Phaser or PixiJS, it’s time to meet melonJS .