Neueste Web-Entwicklung Tutorials
 

HTML Spiel Tutorial


Erfahren Sie, wie Spiele zu machen, mit nichts als HTML und JavaScript.


Probieren Sie es selbst Beispiele

Dieses Tutorial enthält viele Beispiele, die Sie Sie eigene HTML-Spiele werden helfen, zu entwickeln.

Mit unserem Online-Editor können Sie den Code zu bearbeiten, und klicken Sie auf eine Schaltfläche, um das Ergebnis zu sehen.

Beispiel

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);
    }
}
Versuch es selber "