AI game creator

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

No:39781

←

Prev Next

→

Pragmatic
Developer User17794｜Date and time 24/1/30 3:42:05
Build time 14.104 sec｜Game capacity 2.322KB｜

Script

Silakan dicoba kode berikut ini untuk membuat game sederhana menggunakan HTML dan JavaScript, dengan mengasumsikan pengoperasian di smartphone dan menggunakan pictogram:

Pastikan Anda sudah memiliki gambar pictogram pemain dengan nama "emozi_all/pictogram.png" dan telah ditempatkan di direktori yang sama dengan file HTML ini. Anda dapat mengganti gambar tersebut sesuai keinginan. Kode di atas membuat sebuah canvas dengan ID "gameCanvas" yang berukuran 400x400 piksel. Pemain (dalam hal ini direpresentasikan sebagai gambar pictogram) akan muncul di tengah canvas dan dapat digerakkan menggunakan tombol panah pada keyboard. Permainan akan terus berjalan dan pemain akan terlihat bergerak saat tombol ditekan. Semoga membantu dan selamat bermain!

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Silakan dicoba kode berikut ini untuk membuat game sederhana menggunakan HTML dan JavaScript, dengan mengasumsikan pengoperasian di smartphone dan menggunakan pictogram:

```
<!DOCTYPE html>
<html>
<head>
  <title>Game Smartphone</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Menginisialisasi posisi awal pemain
    var playerX = 200;
    var playerY = 200;

// Menggambar pemain menggunakan pictogram
    function drawPlayer() {
      var playerImg = document.getElementById("playerImg");
      context.drawImage(playerImg, playerX, playerY, 50, 50);
    }

// Menggerakkan pemain berdasarkan input pengguna
    function movePlayer(event) {
      switch (event.keyCode) {
        case 37: // Tombol kiri
          playerX -= 10;
          break;
        case 38: // Tombol atas
          playerY -= 10;
          break;
        case 39: // Tombol kanan
          playerX += 10;
          break;
        case 40: // Tombol bawah
          playerY += 10;
          break;
      }
    }

// Memanggil fungsi menggambar dan menggerakkan pemain
    function gameLoop() {
      context.clearRect(0, 0, canvas.width, canvas.height);
      drawPlayer();
    }

// Memulai permainan ketika halaman dimuat
    window.onload = function() {
      var playerImg = new Image();
      playerImg.src = "pictogram_player.png";
      playerImg.id = "playerImg";
      playerImg.onload = function() {
        document.addEventListener("keydown", movePlayer);
        setInterval(gameLoop, 20);
      };
    };
  </script>
</body>
</html>
```

Pastikan Anda sudah memiliki gambar pictogram pemain dengan nama "pictogram_player.png" dan telah ditempatkan di direktori yang sama dengan file HTML ini. Anda dapat mengganti gambar tersebut sesuai keinginan.

Kode di atas membuat sebuah canvas dengan ID "gameCanvas" yang berukuran 400x400 piksel. Pemain (dalam hal ini direpresentasikan sebagai gambar pictogram) akan muncul di tengah canvas dan dapat digerakkan menggunakan tombol panah pada keyboard. Permainan akan terus berjalan dan pemain akan terlihat bergerak saat tombol ditekan.

Semoga membantu dan selamat bermain!