HTML 游戏示例
学习如何仅使用 HTML 和 JavaScript 制作游戏。
按下按钮移动红色方块:
亲自尝试示例
使用我们的在线编辑器,您可以编辑代码,然后单击按钮查看结果。
例子
函数开始游戏() {
myGamePiece = 新组件(30,30,“红色”,10,120);
我的游戏部件.重力 = 0.05;
myScore = 新组件(“30px”,“Consolas”,“black”,280,40,“text”);
我的游戏区域.开始();
}
var 我的游戏区域 = {
画布:document.createElement(“画布”),
开始:函数(){
这.画布.宽度 = 480;
这个.画布.高度 = 270;
这个.上下文 = 这个.画布.getContext(“2d”);
document.body.insertBefore(this.canvas, document.body.childNodes[0]);
这个.frameNo = 0;
},
清除:函数(){
这个.上下文.clearRect(0,0,这个.画布.宽度,这个.画布.高度);
}
}
亲自尝试 »