A dinosaur survival game where you are a human in an abandoned museum and there is a tyrannosaurus hunting you's game

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

No:18142

←

Prev Next

→

A dinosaur survival game where you are a human in ..ALL
Developer User8023｜Date and time 23/9/27 14:12:43
Build time 30.91 sec｜Game capacity 3.648KB｜

Script

Sure! Here's a simple implementation of a dinosaur survival game using HTML and JavaScript, designed to be played on a smartphone. It includes pictograms and is enclosed in script tags:

In this game, you play as a human in an abandoned museum, trying to avoid being hunted down by a tyrannosaurus. The game starts when you run it in a web browser on your smartphone. You can control the human character using the arrow keys. The aim is to avoid colliding with the dinosaur. If a collision occurs, the game is over and a "Game Over" message is displayed on the screen. Please note that for the game to work correctly, you would need to have image files named "emozi_all/game.png" and "emozi_apple.png" in the same directory as the HTML file. These images should represent the human and dinosaur pictograms respectively.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple implementation of a dinosaur survival game using HTML and JavaScript, designed to be played on a smartphone. It includes pictograms and is enclosed in script tags:

```html
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Dinosaur Survival Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
        
        body {
            margin: 0;
        }
    </style>
</head>

<body>
    <script>
        function runGame() {
            const canvas = document.createElement("canvas");
            canvas.width = window.innerWidth;
            canvas.height = window.innerHeight;
            document.body.appendChild(canvas);
            
            const ctx = canvas.getContext("2d");
    
            const humanImg = new Image();
            humanImg.src = "human.png";
    
            const dinosaurImg = new Image();
            dinosaurImg.src = "dinosaur.png";
    
            let humanX = canvas.width / 2;
            let humanY = canvas.height / 2;
    
            let dinosaurX = 0;
            let dinosaurY = 0;
    
            const SPEED = 2;
            
            let gameOver = false;
            
            function handleKeyPress(event) {
                switch(event.keyCode) {
                    case 37: // Left arrow key
                        humanX -= SPEED;
                        break;
                    case 38: // Up arrow key
                        humanY -= SPEED;
                        break;
                    case 39: // Right arrow key
                        humanX += SPEED;
                        break;
                    case 40: // Down arrow key
                        humanY += SPEED;
                        break;
                }
            }
            
            function checkCollision() {
                const distanceX = humanX - dinosaurX;
                const distanceY = humanY - dinosaurY;
                const distance = Math.sqrt(distanceX * distanceX + distanceY * distanceY);
                
                if (distance < 50) { // Collision occurred
                    gameOver = true;
                }
            }
            
            function gameLoop() {
                if (gameOver) {
                    ctx.font = "30px Arial";
                    ctx.fillText("Game Over", canvas.width / 2 - 80, canvas.height / 2);
                    return;
                }
                
                ctx.clearRect(0, 0, canvas.width, canvas.height);
                
                ctx.drawImage(humanImg, humanX, humanY, 50, 50);
                
                ctx.drawImage(dinosaurImg, dinosaurX, dinosaurY, 100, 100);
                
                checkCollision();
                
                requestAnimationFrame(gameLoop);
            }
            
            document.addEventListener("keydown", handleKeyPress);
            
            gameLoop();
        }
        
        runGame();
    </script>
</body>

</html>
```

In this game, you play as a human in an abandoned museum, trying to avoid being hunted down by a tyrannosaurus. The game starts when you run it in a web browser on your smartphone. You can control the human character using the arrow keys. The aim is to avoid colliding with the dinosaur. If a collision occurs, the game is over and a "Game Over" message is displayed on the screen.

Please note that for the game to work correctly, you would need to have image files named "human.png" and "dinosaur.png" in the same directory as the HTML file. These images should represent the human and dinosaur pictograms respectively.