AI game creator

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

No:50948

←

Prev Next

→

King fu panda game
Developer User21444｜Date and time 24/3/10 10:53:21
Build time 3.902 sec｜Game capacity 1.513KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Juego de Kung Fu Panda</title>
</head>
<body>

let canvas = document.getElementById("gameCanvas");
    let ctx = canvas.getContext("2d");

let panda = {
        x: 50,
        y: 200,
        width: 50,
        height: 50,
        speed: 5
    };

function drawPanda() {
        ctx.fillStyle = "black";
        ctx.fillRect(panda.x, panda.y, panda.width, panda.height);
    }

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

function moveUp() {
        panda.y -= panda.speed;
        updateGameArea();
    }

function moveDown() {
        panda.y += panda.speed;
        updateGameArea();
    }

function moveLeft() {
        panda.x -= panda.speed;
        updateGameArea();
    }

function moveRight() {
        panda.x += panda.speed;
        updateGameArea();
    }

document.addEventListener("keydown", function(event) {
        switch(event.key) {
            case "ArrowUp":
                moveUp();
                break;
            case "ArrowDown":
                moveDown();
                break;
            case "ArrowLeft":
                moveLeft();
                break;
            case "ArrowRight":
                moveRight();
                break;
            default:
                break;
        }
    });

updateGameArea();

</script>

</body>
</html>