AI game creator

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

No:10351

←

Prev Next

→

A 3D game
Developer User4535｜Date and time 23/7/30 18:40:24
Build time 21.319 sec｜Game capacity 2.545KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
  <head>
    <style>
      canvas {
        display: block;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas"></canvas>
    <script>
      // Menyiapkan elemen game canvas
      const canvas = document.getElementById("gameCanvas");
      const context = canvas.getContext("2d");
      
      // Mengatur ukuran canvas sesuai dengan layar smartphone
      canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;

// Mendapatkan aspek rasio layar
      const aspectRatio = canvas.width / canvas.height;

// Mendefinisikan variabel permainan
      let playerX = canvas.width / 2;
      let playerY = canvas.height / 2;
      const playerSize = 50;
      const playerSpeed = 5;

// Mendefinisikan fungsi untuk menggambar pemain
      function drawPlayer() {
        context.fillStyle = "red";
        context.fillRect(playerX - playerSize / 2, playerY - playerSize / 2, playerSize, playerSize);
      }

// Mendefinisikan fungsi untuk menggerakkan pemain
      function movePlayer(direction) {
        switch (direction) {
          case "up":
            playerY -= playerSpeed;
            break;
          case "down":
            playerY += playerSpeed;
            break;
          case "left":
            playerX -= playerSpeed;
            break;
          case "right":
            playerX += playerSpeed;
            break;
        }
      }

// Mendefinisikan fungsi utama permainan
      function gameLoop() {
        // Menghapus layar
        context.clearRect(0, 0, canvas.width, canvas.height);

// Menggambar pemain
        drawPlayer();

// Memperbarui permainan
        // Dapat menambahkan logika permainan tambahan di sini

// Mengulangi frame berikutnya
        requestAnimationFrame(gameLoop);
      }

// Mendefinisikan fungsi untuk mengendalikan gerakan pemain menggunakan tombol virtual
      function handleButtonPress(direction) {
        movePlayer(direction);
      }

// Mengikat event listener untuk tombol virtual
      document.addEventListener("keydown", (event) => {
        const key = event.key.toLowerCase();

if (key === "w") {
          handleButtonPress("up");
        } else if (key === "s") {
          handleButtonPress("down");
        } else if (key === "a") {
          handleButtonPress("left");
        } else if (key === "d") {
          handleButtonPress("right");
        }
      });

// Memulai permainan
      gameLoop();
    </script>
  </body>
</html>