Melonjs Tutorial ((exclusive)) 〈5000+ Fresh〉

Now run the game. Move your orange square into the gold squares – they disappear and you get a console log. Create src/js/ui/ScoreLabel.js :

Don’t forget to preload the image in your src/js/resources.js : melonjs tutorial

draw(renderer) { renderer.setColor(this.color); renderer.fillRect(this.pos.x, this.pos.y, this.width, this.height); } } Now run the game

import me from "melong-js"; import PlayerEntity from "../entities/Player"; export default class PlayScene extends me.Scene { onResetEvent() { // Bind input keys me.input.bindKey(me.input.KEY.LEFT, "left"); me.input.bindKey(me.input.KEY.RIGHT, "right"); } } import me from "melong-js"

import me from "melong-js"; export default class ScoreLabel extends me.Renderable { constructor() { super(10, 10, 100, 50); this.score = 0; this.font = new me.Font("Arial", 24, "#FFFFFF"); }

return true; }