學習如何製作遊戲,僅僅使用HTML和JavaScript。
試一試例子
本教程包含許多例子,這將有助於你開發你自己的HTML遊戲。
與我們的在線編輯器,可以編輯代碼,然後點擊一個按鈕來查看結果。
例
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);
}
}
試一試»