Kaiju takedown! Mechs vs kaiju's game

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

No:25027

←

Prev Next

→

Kaiju takedown! Mechs vs kaiju
Developer User12093｜Date and time 23/11/16 5:02:18
Build time 121.176 sec｜Game capacity 3.707KB｜

Script

Sure, here's a simple game called "Kaiju Takedown! Mechs vs Kaiju" implemented as a single HTML file using JavaScript and enclosed in script tags:

This game is a simple "Kaiju Takedown!" where the player controls a mech represented by a blue rectangle. The objective is to avoid colliding with the red rectangle representing the kaiju. The mech's position can be controlled by swiping left and right on the smartphone screen. The game keeps track of the score (time survived) until the player collides with the kaiju, resulting in a game over screen displaying the final score.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's a simple game called "Kaiju Takedown! Mechs vs Kaiju" implemented as a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Kaiju Takedown! Mechs vs Kaiju</title>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>

// Define game variables
        var gameOver = false;
        var score = 0;

// Create the mech and kaiju objects
        var mech = { x: 50, y: canvas.height / 2, width: 50, height: 50 };
        var kaiju = { x: canvas.width - 100, y: canvas.height / 2, width: 100, height: 100 };

// Handle touch events for controlling the mech
        canvas.addEventListener('touchstart', handleTouchStart, false);
        canvas.addEventListener('touchmove', handleTouchMove, false);

var touchStartX = 0;
        var touchStartY = 0;
        var touchEndX = 0;
        var touchEndY = 0;

function handleTouchStart(event) {
            touchStartX = event.touches[0].clientX;
            touchStartY = event.touches[0].clientY;
        }

function handleTouchMove(event) {
            touchEndX = event.touches[0].clientX;
            touchEndY = event.touches[0].clientY;
        }

// Update game state
        function update() {
            if (!gameOver) {
                // Move the mech based on touch input
                if (touchEndX > touchStartX) {
                    mech.x += 5;
                } else if (touchEndX < touchStartX) {
                    mech.x -= 5;
                }

// Check for collision between the mech and kaiju
                if (mech.x < kaiju.x + kaiju.width &&
                    mech.x + mech.width > kaiju.x &&
                    mech.y < kaiju.y + kaiju.height &&
                    mech.y + mech.height > kaiju.y) {
                    gameOver = true;
                }

// Update the score
                score++;

// Redraw the game
                draw();
            } else {
                // Game over, show final score
                ctx.font = "30px Arial";
                ctx.fillText("Game Over", canvas.width / 2 - 80, canvas.height / 2);
                ctx.fillText("Score: " + score, canvas.width / 2 - 60, canvas.height / 2 + 40);
            }
        }

// Draw the game objects
        function draw() {
            // Clear the canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw the mech
            ctx.fillStyle = "blue";
            ctx.fillRect(mech.x, mech.y, mech.width, mech.height);

// Draw the kaiju
            ctx.fillStyle = "red";
            ctx.fillRect(kaiju.x, kaiju.y, kaiju.width, kaiju.height);

// Draw the score
            ctx.font = "20px Arial";
            ctx.fillText("Score: " + score, 10, 30);
        }

// Game loop
        function gameLoop() {
            update();
            requestAnimationFrame(gameLoop);
        }

// Start the game loop
        gameLoop();
    </script>
</body>
</html>
```