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

No:26256

Shooting game with rocky balboa riding a trex
Developer User12958｜Date and time 23/11/28 9:48:25
Build time 83.064 sec｜Game capacity 5.098KB｜

Script

Sure, here's an example of a simple shooting game using a single HTML file, JavaScript, and pictograms. In this game, Rocky Balboa is riding a T-Rex and shooting targets. Please note that this is just a basic implementation to give you an idea, and you can further enhance and customize it as per your requirements.

Rocky's Shooting Game

Please copy the code above and save it with a `.html` extension. You can then open the HTML file in your web browser to play the game. Use the left and right arrow keys to move Rocky and the spacebar to shoot the bullet. The goal is to prevent the target from reaching the bottom of the screen. If the target collides with Rocky, it's game over.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Rocky's Shooting Game</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        
        canvas {
            border: 1px solid black;
            margin: 20px auto;
        }
    </style>
</head>
<body>
    <h1>Rocky's Shooting Game</h1>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    
    <script type="text/javascript">
        // Get the game canvas
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");
        
        // Initialize player variables
        var player = { x: canvas.width / 2, y: canvas.height - 40, width: 40, height: 40, speed: 5 };
        
        // Initialize target variables
        var target = { x: canvas.width / 2, y: 10, width: 20, height: 20, speed: 2, color: "red" };
        
        // Initialize shooting variables
        var bullet = { x: 0, y: 0, width: 5, height: 20, speed: 10, color: "blue" };
        var isBulletVisible = false;
        
        // Event listener for player movement
        document.addEventListener("keydown", function(event) {
            if (event.keyCode === 37) {
                player.x -= player.speed;
            } else if (event.keyCode === 39) {
                player.x += player.speed;
            } else if (event.keyCode === 32 && !isBulletVisible) {
                shootBullet();
            }
        });
        
        // Function to update game objects
        function update() {
            // Move target
            target.y += target.speed;
            
            // Check if target collides with player
            if (target.y + target.height > player.y && target.y < player.y + player.height &&
                target.x + target.width > player.x && target.x < player.x + player.width) {
                gameOver();
                return;
            }
            
            // Check if bullet collides with target
            if (isBulletVisible && bullet.y > target.y && bullet.y < target.y + target.height &&
                bullet.x + bullet.width > target.x && bullet.x < target.x + target.width) {
                resetBullet();
            }
            
            // Check if target goes out of bounds
            if (target.y > canvas.height) {
                resetTarget();
            }
            
            // Move bullet if visible
            if (isBulletVisible) {
                bullet.y -= bullet.speed;
                if (bullet.y < 0) {
                    resetBullet();
                }
            }
        }
        
        // Function to draw game objects
        function draw() {
            // Clear canvas
            context.clearRect(0, 0, canvas.width, canvas.height);
            
            // Draw player
            context.fillStyle = "green";
            context.fillRect(player.x, player.y, player.width, player.height);
            
            // Draw target
            context.fillStyle = target.color;
            context.fillRect(target.x, target.y, target.width, target.height);
            
            // Draw bullet if visible
            if (isBulletVisible) {
                context.fillStyle = bullet.color;
                context.fillRect(bullet.x, bullet.y, bullet.width, bullet.height);
            }
        }
        
        // Function to shoot a bullet
        function shootBullet() {
            bullet.x = player.x + player.width / 2 - bullet.width / 2;
            bullet.y = player.y;
            isBulletVisible = true;
        }
        
        // Function to reset the bullet
        function resetBullet() {
            bullet.x = 0;
            bullet.y = 0;
            isBulletVisible = false;
        }
        
        // Function to reset the target
        function resetTarget() {
            target.x = Math.random() * (canvas.width - target.width);
            target.y = 10;
        }
        
        // Function to end the game
        function gameOver() {
            alert("Game Over!");
            player.x = canvas.width / 2;
            resetTarget();
            resetBullet();
        }
        
        // Game loop
        function gameLoop() {
            update();
            draw();
            requestAnimationFrame(gameLoop);
        }
        
        // Start the game
        gameLoop();
    </script>
</body>
</html>
```