Try to die's game | AI game creator

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

No:16620

63

Try to die
Developer User7388｜Date and time 23/9/19 19:57:21
Build time 44.97 sec｜Game capacity 5.334KB｜

As an AI language model, I can help you create a simple game using HTML and JavaScript. Below is an example of a game where the player tries to avoid obstacles while controlling a character using smartphone gestures. The character and obstacles will be represented by pictograms for a fun and visual experience. Just copy the code into a single HTML file and run it in a web browser to play the game.

In this game, you control a character represented by a pictogram at the bottom of the screen using smartphone tilting gestures. The goal is to avoid the falling obstacles (also represented by pictograms) by moving the character left or right. The score increases as you avoid obstacles. When the character collides with an obstacle, the game is over, and a dialog box will show your final score. Note: It's important to mention that this is a basic implementation meant for demonstration purposes. It may have limitations and it's recommended to enhance and optimize the code for a complete and polished game experience.

→ 　

0　

0　

[PR]現在の新着人気ランキング

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

(C)2023 HisashiApp

As an AI language model, I can help you create a simple game using HTML and JavaScript. Below is an example of a game where the player tries to avoid obstacles while controlling a character using smartphone gestures. The character and obstacles will be represented by pictograms for a fun and visual experience. Just copy the code into a single HTML file and run it in a web browser to play the game.

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        #gameArea {
            width: 360px;
            height: 640px;
            border: 1px solid black;
            position: relative;
            overflow: hidden;
            background-color: #f0f0f0;
        }
        
        #player {
            width: 50px;
            height: 50px;
            position: absolute;
            bottom: 0;
            left: 160px;
            background-image: url('https://image.flaticon.com/icons/svg/49/49800.svg');
            background-size: contain;
            background-repeat: no-repeat;
        }
        
        .obstacle {
            width: 40px;
            height: 40px;
            position: absolute;
            background-image: url('https://image.flaticon.com/icons/svg/55/55800.svg');
            background-size: contain;
            background-repeat: no-repeat;
        }
    </style>
</head>
<body>
    <div id="gameArea">
        <div id="player"></div>
    </div>

<script>
        var player = document.getElementById("player");
        var gameArea = document.getElementById("gameArea");
        var gameInterval;
        var score = 0;

// Adjust player position based on device tilting
        window.addEventListener("deviceorientation", handleTilt);

// Start the game when player taps the screen
        gameArea.addEventListener("click", startGame);

// Helper function to move the player left or right
        function movePlayer(direction) {
            var leftPosition = parseInt(getComputedStyle(player).getPropertyValue("left"));
            if (direction === "left") {
                if (leftPosition > 0) {
                    player.style.left = leftPosition - 20 + "px";
                }
            } else if (direction === "right") {
                if (leftPosition < gameArea.offsetWidth - player.offsetWidth) {
                    player.style.left = leftPosition + 20 + "px";
                }
            }
        }

// Handle device tilting to move player left or right
        function handleTilt(event) {
            var gamma = event.gamma; // left to right tilting

if (gamma > 5) {
                movePlayer("left");
            } else if (gamma < -5) {
                movePlayer("right");
            }
        }

// Start the game by removing the click event listener and starting interval
        function startGame() {
            gameArea.removeEventListener("click", startGame);
            gameInterval = setInterval(moveObstacles, 100);
        }

// Move the obstacles downward and check for collision with the player
        function moveObstacles() {
            var obstacles = document.getElementsByClassName("obstacle");

for (var i = 0; i < obstacles.length; i++) {
                var obstacle = obstacles[i];
                var obstacleTop = parseInt(getComputedStyle(obstacle).getPropertyValue("top"));
                obstacle.style.top = obstacleTop + 20 + "px";

if (obstacleTop > gameArea.offsetHeight - obstacle.offsetHeight) {
                    obstacle.remove();
                    score++;
                }

if (isColliding(obstacle, player)) {
                    clearInterval(gameInterval);
                    alert("Game Over!\nYour Score: " + score);
                    break;
                }
            }

createObstacle();
        }

// Check for collision between two elements
        function isColliding(element1, element2) {
            var rect1 = element1.getBoundingClientRect();
            var rect2 = element2.getBoundingClientRect();

return !(
                rect1.top > rect2.bottom ||
                rect1.bottom < rect2.top ||
                rect1.right < rect2.left ||
                rect1.left > rect2.right
            );
        }

// Create a new obstacle at a random horizontal position
        function createObstacle() {
            var obstacle = document.createElement("div");
            obstacle.className = "obstacle";
            obstacle.style.left = Math.floor(Math.random() * (gameArea.offsetWidth - obstacle.offsetWidth)) + "px";
            gameArea.appendChild(obstacle);
        }
    </script>
</body>
</html>
```

In this game, you control a character represented by a pictogram at the bottom of the screen using smartphone tilting gestures. The goal is to avoid the falling obstacles (also represented by pictograms) by moving the character left or right. The score increases as you avoid obstacles. When the character collides with an obstacle, the game is over, and a dialog box will show your final score.

Note: It's important to mention that this is a basic implementation meant for demonstration purposes. It may have limitations and it's recommended to enhance and optimize the code for a complete and polished game experience.