Very simple Monwarp example

by monteslu

HTML

<canvas id="canvas" style="border: 1px solid black;" width="300" height="300"></canvas>

JavaScript

//load stuff with Dojo's AMD require
require({
  packages: [
    { name: 'mwe', location: 'https://raw.github.com/monteslu/monwarp/master/src/mwe/' }
  ]

}, [
  'mwe/GameCore'
], function(GameCore){
    
    //position and velocities
    var sprite = {x:0, y:0, dx:0.05, dy:0.05};
    
    var game = new GameCore({
      canvasId: 'canvas',
      update: function(timeElapsed){
        //update position based on velocity * milliseconds passed
        sprite.x+= sprite.dx * timeElapsed;
        sprite.y+= sprite.dy * timeElapsed;
      },
      draw: function(ctx){
        ctx.clearRect(0,0,this.width, this.height);
        ctx.fillRect(sprite.x, sprite.y, 20,20);
      }    
    });

    //launch the "game"
    game.run();
    
});