Customize tanks game 3D's game

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

No:43152

←

Prev Next

→

Customize tanks game 3D
Developer User19096｜Date and time 24/2/14 13:44:38
Build time 8.101 sec｜Game capacity 3.096KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Tanks Game 3D</title>
    <style>
        body {
            margin: 0;
            overflow: hidden;
        }
        #gameCanvas {
            width: 100%;
            height: 100%;
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

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

// Tank variables
            var tankX = 50;
            var tankY = 150;
            var tankWidth = 40;
            var tankHeight = 30;

// Control variables
            var upPressed = false;
            var downPressed = false;
            var leftPressed = false;
            var rightPressed = false;

// Event listeners for controls
            document.addEventListener("keydown", keyDownHandler, false);
            document.addEventListener("keyup", keyUpHandler, false);

function drawTank() {
                ctx.beginPath();
                ctx.rect(tankX, tankY, tankWidth, tankHeight);
                ctx.fillStyle = "green";
                ctx.fill();
                ctx.closePath();
            }

function drawGame() {
                ctx.clearRect(0, 0, canvas.width, canvas.height);

drawTank();
                updateTankPosition();

requestAnimationFrame(drawGame);
            }

drawGame();

};
    </script>
</body>
</html>