A game where your a youtuder and you need to collect cheese to survive's game

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

No:27769

←

Prev Next

→

A game where your a youtuder and you need to colle..ALL
Developer User13833｜Date and time 23/12/9 1:29:52
Build time 38.037 sec｜Game capacity 3.954KB｜

Script

Sure! Here's an example of a simple game where you play as a YouTuber trying to collect cheese to survive. The game will be implemented as a single HTML file using JavaScript and enclosed in script tags. It's designed for smartphone operation and will use pictograms for visual elements.

In this game, the youtuber and cheese images are represented using pictograms (you can replace "emozi_all/game.png" and "emozi_apple.png" with appropriate pictogram image URLs). The youtuber can be moved by tapping anywhere on the game area (represented by the "game-area" div). The goal is to tap and collect as many pieces of cheese as possible. Whenever the youtuber collects a piece of cheese, the score is increased and the speed of the moving cheese is increased slightly. Please note that in order to run this game, you'll need to replace the "emozi_all/game.png" and "emozi_rabbit.png" with appropriate image URLs and make sure those images are available at those URLs.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Cheese Collector Game</title>
    <style>
        #game-area {
            width: 100%;
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    </style>
</head>
<body>
    <div id="game-area">
        <img id="youtuber" src="youtuber.png" alt="YouTuber" style="position: absolute;">
        <img id="cheese" src="cheese.png" alt="Cheese" style="position: absolute;">
    </div>

// Initial setup
        window.onload = function() {
            document.getElementById("game-area").addEventListener("click", collectCheese);
            startGame();
        }

// Start the game
        function startGame() {
            var youtuber = document.getElementById("youtuber");
            var cheese = document.getElementById("cheese");

// Randomize the initial position of the cheese
            var cheeseX = getRandomPosition(window.innerWidth - cheese.width);
            var cheeseY = getRandomPosition(window.innerHeight - cheese.height);

// Set the initial position of the cheese
            cheese.style.left = cheeseX + "px";
            cheese.style.top = cheeseY + "px";

// Start moving the cheese
            gameTimer = setInterval(moveCheese, 1000 / speed);
        }

// Move the cheese
        function moveCheese() {
            var cheese = document.getElementById("cheese");

var newX = getRandomPosition(window.innerWidth - cheese.width);
            var newY = getRandomPosition(window.innerHeight - cheese.height);

// Set the new position of the cheese
            cheese.style.left = newX + "px";
            cheese.style.top = newY + "px";
        }

// Collect the cheese
        function collectCheese() {
            var youtuber = document.getElementById("youtuber");
            var cheese = document.getElementById("cheese");

var youtuberRect = youtuber.getBoundingClientRect();
            var cheeseRect = cheese.getBoundingClientRect();

if (youtuberRect.left < cheeseRect.right && youtuberRect.right > cheeseRect.left &&
                youtuberRect.top < cheeseRect.bottom && youtuberRect.bottom > cheeseRect.top) {
                // Cheese collected
                score++;
                document.title = "Score: " + score;
                increaseSpeed();
            }
        }

// Increase the speed of the cheese after every collection
        function increaseSpeed() {
            clearInterval(gameTimer);
            speed += 0.5;
            gameTimer = setInterval(moveCheese, 1000 / speed);
        }

// Get random position within a given range
        function getRandomPosition(max) {
            return Math.floor(Math.random() * max);
        }
    </script>
</body>
</html>
```

In this game, the youtuber and cheese images are represented using pictograms (you can replace "youtuber.png" and "cheese.png" with appropriate pictogram image URLs). The youtuber can be moved by tapping anywhere on the game area (represented by the "game-area" div). The goal is to tap and collect as many pieces of cheese as possible. Whenever the youtuber collects a piece of cheese, the score is increased and the speed of the moving cheese is increased slightly.

Please note that in order to run this game, you'll need to replace the "youtuber.png" and "cheese.png" with appropriate image URLs and make sure those images are available at those URLs.