The amazing word of gumball's game

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

No:21062

←

Prev Next

→

The amazing word of gumball
Developer User9247｜Date and time 23/10/13 6:13:08
Build time 29.405 sec｜Game capacity 1.22KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>The Amazing World of Gumball Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>
    
    <script>
        // Game code goes here
        var canvas = document.getElementById("gameCanvas");
        var ctx = canvas.getContext("2d");
        var gumballImage = new Image();
        gumballImage.src = "gumball.png";
        var gumballX = canvas.width / 2;
        var gumballY = canvas.height - 50;
        var gumballSpeed = 5;
        
        function drawGumball() {
            ctx.drawImage(gumballImage, gumballX, gumballY, 50, 50);
        }
        
        function updateGameArea() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawGumball();
        }
        
        function moveGumball(event) {
            if (event.key === "ArrowLeft" && gumballX > 0) {
                gumballX -= gumballSpeed;
            } else if (event.key === "ArrowRight" && gumballX < canvas.width - 50) {
                gumballX += gumballSpeed;
            }
        }
        
        window.addEventListener("keydown", moveGumball);
        
        setInterval(updateGameArea, 20);
    </script>
</body>
</html>