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

No:37458

Don’t touch the poop or die to hell
Developer User17003｜Date and time 24/1/21 4:07:11
Build time 15.648 sec｜Game capacity 6.176KB｜

Script

Sure! Here's an example of a simple game implementation using HTML and JavaScript. The game involves moving a character (represented by a pictogram) on a smartphone screen and avoiding obstacles, including poop, to stay alive. If the character touches the poop, it's game over!

Don't Touch the Poop!

🚀

Please note that this code is just an example and may require further modifications and enhancements based on your specific requirements.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Don't Touch the Poop Game</title>
    <style>
        #game-container {
            position: relative;
            width: 100%;
            height: 400px;
            background-color: #d3d3d3;
        }
        #character {
            position: absolute;
            top: 50%;
            left: 10px;
            transform: translateY(-50%);
            font-size: 36px;
        }
        .obstacle {
            position: absolute;
            top: 0;
            width: 30px;
            height: 30px;
            background-color: brown;
        }
        .poop {
            position: absolute;
            top: 0;
            width: 30px;
            height: 30px;
            background-color: brown;
        }
    </style>
</head>
<body>
    <h1>Don't Touch the Poop!</h1>
    <div id="game-container">
        <div id="character">🚀</div>
    </div>

const character = document.getElementById('character');
            const gameContainer = document.getElementById('game-container');

let gameSpeed = 10; // Adjust game speed here

let isGameOver = false;
            let score = 0;

function gameLoop() {
                if (!isGameOver) {
                    score++;
                    moveObstacles();
                    checkCollision();
                }
                setTimeout(gameLoop, gameSpeed);
            }

gameLoop();

function createObstacle(topPercentage) {
                const obstacle = document.createElement('div');
                obstacle.className = 'obstacle';
                obstacle.style.top = `${topPercentage}%`;
                obstacle.style.left = '100%';
                gameContainer.appendChild(obstacle);
            }

function createPoop(topPercentage) {
                const poop = document.createElement('div');
                poop.className = 'poop';
                poop.style.top = `${topPercentage}%`;
                poop.style.left = '100%';
                gameContainer.appendChild(poop);
            }

function checkCollision() {
                const characterRect = character.getBoundingClientRect();
                const obstacles = document.querySelectorAll('.obstacle');
                const poops = document.querySelectorAll('.poop');

obstacles.forEach(function(obstacle) {
                    if (isColliding(characterRect, obstacle.getBoundingClientRect())) {
                        gameOver();
                    }
                });

poops.forEach(function(poop) {
                    if (isColliding(characterRect, poop.getBoundingClientRect())) {
                        gameOver();
                    }
                });
            }

function isColliding(rect1, rect2) {
                return (
                    rect1.left < rect2.right &&
                    rect1.right > rect2.left &&
                    rect1.top < rect2.bottom &&
                    rect1.bottom > rect2.top
                );
            }

function gameOver() {
                isGameOver = true;
                alert(`Game Over! Your score: ${score}`);
                location.reload(); // restart the game
            }

// Smartphone controls
            let touchStartX = 0;
            let touchEndX = 0;

gameContainer.addEventListener('touchstart', function(event) {
                touchStartX = event.touches[0].clientX;
            });

gameContainer.addEventListener('touchend', function(event) {
                touchEndX = event.changedTouches[0].clientX;
                handleSwipe(touchStartX, touchEndX);
            });

function handleSwipe(startX, endX) {
                const swipeThreshold = 50; // Adjust swipe threshold here

if (endX - startX > swipeThreshold) {
                    // Swipe right
                    moveCharacter('right');
                } else if (startX - endX > swipeThreshold) {
                    // Swipe left
                    moveCharacter('left');
                }
            }

function moveCharacter(direction) {
                const currentTop = parseInt(character.style.top);

if (direction === 'right') {
                    if (currentTop <= 0) {
                        character.style.top = '0';
                    } else {
                        character.style.top = `${currentTop - 10}%`;
                    }
                } else if (direction === 'left') {
                    if (currentTop >= 90) {
                        character.style.top = '90%';
                    } else {
                        character.style.top = `${currentTop + 10}%`;
                    }
                }
            }

// Randomly generate obstacles and poops
            setInterval(function(){
                const randomPercentage = Math.floor(Math.random() * 90);
                createObstacle(randomPercentage);
                createPoop(randomPercentage);
            }, 2000);

});
    </script>
</body>
</html>
```

Please note that this code is just an example and may require further modifications and enhancements based on your specific requirements.