melonJS boilerplate

jsFiddle template for melonJS

by obiot

HTML

<script src="https://github.com/melonjs/melonJS/releases/download/4.0.0/melonJS.js"></script>
<!-- Canvas placeholder -->
<div id="screen"></div>

JavaScript

import * as me from "https://esm.run/melonjs";

me.device.onReady(function () {
    // initialize the display canvas once the device/browser is ready
    if (!me.video.init(1218, 562, {parent : "screen", scale : "auto"})) {
        alert("Your browser does not support HTML5 canvas.");
        return;
    }

    // add a gray background to the default Stage
    me.game.world.addChild(new me.ColorLayer("background", "#202020"));

    // add a font text display object
    me.game.world.addChild(new me.Text(609, 281, {
        font: "Arial",
        size: 160,
        fillStyle: "#FFFFFF",
        textBaseline : "middle",
        textAlign : "center",
        text : "Hello World !",
        offScreenCanvas: true
    }));
});