HTML 游戏教程



  • 定义和使用

    了解如何制作游戏,仅使用 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);
      }
    }
    
    尝试一下