Game rpg tembak tembakan's game

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

No:26180

←

Prev Next

→

Game rpg tembak tembakan
Developer User12918｜Date and time 23/11/27 19:27:28
Build time 44.811 sec｜Game capacity 2.285KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Game RPG Tembak-Tembakan</title>
</head>
<body>
    <canvas id="gameCanvas" width="320" height="480"></canvas>
    <script>
        // Mendapatkan referensi ke elemen canvas dan konteksnya
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");

// Menentukan posisi awal pemain
        var playerX = canvas.width / 2;
        var playerY = canvas.height - 40;

// Membuat variabel untuk mendeteksi input dari pemain
        var rightPressed = false;
        var leftPressed = false;

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

function keyDownHandler(event) {
            if (event.key == "Right" || event.key == "ArrowRight") {
                rightPressed = true;
            }
            else if (event.key == "Left" || event.key == "ArrowLeft") {
                leftPressed = true;
            }
        }

function keyUpHandler(event) {
            if (event.key == "Right" || event.key == "ArrowRight") {
                rightPressed = false;
            }
            else if (event.key == "Left" || event.key == "ArrowLeft") {
                leftPressed = false;
            }
        }

// Menggambar pemain
        function drawPlayer() {
            context.beginPath();
            context.rect(playerX, playerY, 20, 20);
            context.fillStyle = "#0095DD";
            context.fill();
            context.closePath();
        }

// Mengupdate posisi pemain
        function updatePlayerPosition() {
            if (rightPressed) {
                playerX += 5;
            }
            else if (leftPressed) {
                playerX -= 5;
            }
        }

// Memulai permainan
        function startGame() {
            setInterval(function () {
                context.clearRect(0, 0, canvas.width, canvas.height);

drawPlayer();
                updatePlayerPosition();

}, 10);
        }

// Memulai permainan saat halaman dimuat
        window.onload = function () {
            startGame();
        };
    </script>
</body>
</html>