HTML Game Example

❮ Previous Next ❯

Learn how to make games, using nothing but HTML and JavaScript.

Push the buttons to move the red square:

Try it Yourself Examples

With our online editor, you can edit the code, and click on a button to view the result.

Example

function startGame() {
  myGamePiece = new component(30, 30, "red", 10, 120);
  myGamePiece.gravity = 0.05;
myScore = new component("30px", "Consolas", "black", 280, 40, "text");
myGameArea.start();
}

var myGameArea = {
canvas : document.createElement("canvas"),
start : function() {
    this.canvas.width = 480;
    this.canvas.height = 270;
    this.context = this.canvas.getContext("2d");
    document.body.insertBefore(this.canvas, document.body.childNodes[0]);
    this.frameNo = 0;
},
  clear : function() {
    this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);
}
}

Try it Yourself »

❮ Previous Next ❯

Copyright 1999-2023 by Refsnes Data. All Rights Reserved.