// src/js/entities/Player.js import me from "melong-js"; export default class PlayerEntity extends me.Entity { constructor(x, y) { super(x, y, { width: 32, height: 32 });
If you love vanilla JavaScript but hate the bloat of heavy engines like Phaser or PixiJS, it’s time to meet melonJS . melonjs tutorial
draw(renderer) { renderer.setColor(this.color); renderer.fillRect(this.pos.x, this.pos.y, this.width, this.height); } } // src/js/entities/Player
// Input handling this.left = false; this.right = false; // src/js/entities/Player.js import me from "melong-js"
// Add player at center const player = new PlayerEntity( me.game.viewport.width / 2 - 16, me.game.viewport.height - 64 ); me.game.world.addChild(player); } }
Fork the boilerplate, replace the assets with your own, and start iterating.