AI game creator

Click here for free DL of the app version that can save data.

No:13039

106

←

Prev Next

→

写作业
Developer User5746｜Date and time 23/8/26 11:20:41
Build time 16.371 sec｜Game capacity 2.484KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
<title>手机游戏</title>
</head>
<body>
  <div id="gameContainer">
    <canvas id="gameCanvas" width="400" height="600"></canvas>
    <div id="gameScore"></div>
  </div>

var pictogram1 = new Image();
      pictogram1.src = "pictogram1.png";
      var pictogram2 = new Image();
      pictogram2.src = "pictogram2.png";
      var pictogram3 = new Image();
      pictogram3.src = "pictogram3.png";

var score = 0;
      var pictogramSize = 40;
      var pictogramSpeed = 3;
      var pictogramInterval = 1500;
      var pictograms = [];
      var timer;

function Pictogram(x, y, image) {
        this.x = x;
        this.y = y;
        this.image = image;
      }

function updateGame() {
        clearCanvas();
        movePictograms();
        drawPictograms();
        scoreElement.innerHTML = "得分：" + score;
        timer = setTimeout(updateGame, 20);
      }

function clearCanvas() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
      }

function movePictograms() {
        for (var i = 0; i < pictograms.length; i++) {
          var pictogram = pictograms[i];
          pictogram.y += pictogramSpeed;

// 与屏幕底部碰撞检测
          if (pictogram.y > canvas.height) {
            pictograms.splice(i, 1);
            score--;
            i--;
          }
        }
      }

function drawPictograms() {
        for (var i = 0; i < pictograms.length; i++) {
          var pictogram = pictograms[i];
          ctx.drawImage(pictogram.image, pictogram.x, pictogram.y, pictogramSize, pictogramSize);
        }
      }

function createPictogram() {
        var x = Math.random() * (canvas.width - pictogramSize);
        var image;

if (score < 10) {
          image = pictogram1;
        } else if (score < 20) {
          image = pictogram2;
        } else {
          image = pictogram3;
        }

pictograms.push(new Pictogram(x, 0, image));
      }

function startGame() {
        clearTimeout(timer); // 清除之前的计时器

score = 0;
        pictograms = [];

updateGame();
        setInterval(createPictogram, pictogramInterval);
      }

startGame();
    })();
  </script>
</body>
</html>