最适合网络开发者的网站
图。初学者课程

尿素

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,这个.画布.宽度,这个.画布.高度);
  }
}
亲自尝试 »