HTML과 자바 스크립트만을 사용하지 않고, 게임을하는 방법에 대해 알아 봅니다.
자신에게 예를 사용해보십시오
이 튜토리얼은 당신에게 자신의 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);
}
} »그것을 자신을 시도