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

No:29872

170

←

Prev Next

→

Hit & Run!
Developer User13970｜Date and time 23/12/19 20:59:07
Build time 38.505 sec｜Game capacity 4.994KB｜

Script

Sure, here's a simple game implemented as a single HTML file using JavaScript:

Hit & Run Game

Score: 0

This game is a simple driving game where you control a car with left and right arrow keys. The goal is to avoid the blue obstacles that fall from the top, while collecting score points. If the car collides with an obstacle, the game ends and your score is displayed. You can reset the game by clicking the "Start" button. The score is displayed on the screen and updates as you collect points. Please note that since Assistant's capabilities are currently focused on text-based tasks, I cannot dynamically provide a visual representation of the game like using pictograms. You can copy the above code and save it as a `.html` file to play the game in a web browser.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure, here's a simple game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Hit & Run Game</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        
        .game-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 100px;
        }
        
        .score-board {
            font-size: 24px;
            margin-bottom: 20px;
        }
        
        .button {
            background-color: #008CBA;
            color: white;
            padding: 10px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div class="game-container">
        <h1>Hit & Run Game</h1>
        <div class="score-board">Score: <span id="score">0</span></div>
        <button class="button" onclick="startGame()">Start</button>
        <canvas id="gameCanvas" width="400" height="400"></canvas>
    </div>

// Create car object
        function createCar() {
            car = {
                x: 180,
                y: 350,
                speed: 5,
                width: 40,
                height: 80,
                draw: function() {
                    ctx.fillStyle = "red";
                    ctx.fillRect(this.x, this.y, this.width, this.height);
                }
            };
        }

// Create obstacles
        function createObstacle() {
            var obstacle = {
                x: Math.random() * 320,
                y: -50,
                speed: Math.random() * 5 + 2,
                width: 40,
                height: 40,
                draw: function() {
                    ctx.fillStyle = "blue";
                    ctx.fillRect(this.x, this.y, this.width, this.height);
                }
            };

obstacles.push(obstacle);
        }

// Update game objects
        function updateGame() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Move car
            if (car.x <= 0) car.x = 0;
            if (car.x >= 360) car.x = 360;

// Move obstacles
            for (var i = 0; i < obstacles.length; i++) {
                obstacles[i].y += obstacles[i].speed;

// Check collision
                if (car.x < obstacles[i].x + obstacles[i].width &&
                    car.x + car.width > obstacles[i].x &&
                    car.y < obstacles[i].y + obstacles[i].height &&
                    car.y + car.height > obstacles[i].y) {
                    clearInterval(gameInterval);
                    alert("Game Over! Your score is: " + score);
                    resetGame();
                    return;
                }

// Remove passed obstacles
                if (obstacles[i].y > 400) {
                    obstacles.splice(i, 1);
                    i--;
                    score++;
                    document.getElementById("score").innerText = score;
                }
            }

// Draw car and obstacles
            car.draw();
            for (var i = 0; i < obstacles.length; i++) {
                obstacles[i].draw();
            }
        }

// Game initialization
        function startGame() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");
            score = 0;
            createCar();
            obstacles = [];
            gameInterval = setInterval(updateGame, 20);
            document.addEventListener("keydown", moveCar);
        }

// Move car
        function moveCar(event) {
            if (event.keyCode === 37) { // Left arrow key
                car.x -= car.speed;
            } else if (event.keyCode === 39) { // Right arrow key
                car.x += car.speed;
            }
        }

// Reset game
        function resetGame() {
            document.removeEventListener("keydown", moveCar);
            document.getElementById("score").innerText = "0";
        }
    </script>
</body>
</html>
```

Please note that since Assistant's capabilities are currently focused on text-based tasks, I cannot dynamically provide a visual representation of the game like using pictograms. You can copy the above code and save it as a `.html` file to play the game in a web browser.