Game perang kerajaan open world's game

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

No:25042

←

Prev Next

→

Game perang kerajaan open world
Developer User12133｜Date and time 23/11/16 16:15:06
Build time 56.476 sec｜Game capacity 2.894KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Game Perang Kerajaan Open World</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
        canvas {
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>
    <script>
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");

// Mengatur lebar dan tinggi layar sesuai dengan ukuran window
        canvas.height = window.innerHeight;
        canvas.width = window.innerWidth;

// Menyimpan posisi pemain
        var playerX = canvas.width / 2;
        var playerY = canvas.height / 2;

// Menyimpan ukuran dan kecepatan pemain
        var playerSize = 50;
        var playerSpeed = 5;

// Mendeteksi input dari pemain
        document.addEventListener("keydown", keyDownHandler, false);
        document.addEventListener("keyup", keyUpHandler, false);

var leftKeyPressed = false;
        var rightKeyPressed = false;
        var upKeyPressed = false;
        var downKeyPressed = false;

// Fungsi utama untuk menggambar elemen permainan
        function draw() {
            context.clearRect(0, 0, canvas.width, canvas.height);

// Menggambar pemain sebagai lingkaran dengan pictogram kerajaan
            context.fillStyle = "red";
            context.beginPath();
            context.arc(playerX, playerY, playerSize, 0, Math.PI * 2);
            context.closePath();
            context.fill();

// Menggerakkan pemain berdasarkan input yang diterima
            if (leftKeyPressed) {
                playerX -= playerSpeed;
            }
            if (rightKeyPressed) {
                playerX += playerSpeed;
            }
            if (upKeyPressed) {
                playerY -= playerSpeed;
            }
            if (downKeyPressed) {
                playerY += playerSpeed;
            }

requestAnimationFrame(draw);
        }

draw();
    </script>
</body>
</html>