Don’t touch the poop's game

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

No:37454

←

Prev Next

→

Don’t touch the poop
Developer User17003｜Date and time 24/1/21 4:05:51
Build time 16.592 sec｜Game capacity 5.514KB｜

Script

Sure! Here's an example of a simple game where you need to catch falling pictograms using touch controls on a smartphone. The goal is to catch as many pictograms as possible while avoiding touching the poop pictogram.

To play the game, simply copy the above code into a new HTML file, save it with a `.html` extension, and then open it in a web browser on your smartphone. The game should start automatically, and you can use touch controls to catch the falling pictograms without touching the poop pictogram. The score is displayed at the top left corner. Have fun and good luck! Remember, don't touch the poop!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Pictogram Catcher</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
            background-color: #222;
        }
        
        canvas {
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Pictogram images
        const pictogramImages = [
            '🐶', '🐱', '🐭', '🐹', '🐰', '🦊', '🐻', '🐼',
            '🐨', '🐯', '🐵', '🦁', '🐸', '🐴', '🦄', '🐢'
        ];

// Initialize game variables
        let canvas, ctx, pictogram, poop, score, paused;

// Initialize game objects
        function init() {
            canvas = document.getElementById('gameCanvas');
            ctx = canvas.getContext('2d');
            canvas.width = canvasWidth;
            canvas.height = canvasHeight;

pictogram = {
                x: Math.random() * (canvasWidth - pictogramSize),
                y: 0,
                symbol: pictogramImages[Math.floor(Math.random() * pictogramImages.length)]
            };

poop = {
                x: Math.random() * (canvasWidth - pictogramSize),
                y: 0,
                symbol: '💩'
            };

score = 0;
            paused = false;

canvas.addEventListener('touchstart', handleTouchStart);
        }

// Game loop
        function gameLoop() {
            if (!paused) {
                update();
                draw();
            }

requestAnimationFrame(gameLoop);
        }

// Update game logic
        function update() {
            pictogram.y += pictogramSpeed;
            poop.y += pictogramSpeed;

if (pictogram.y > canvasHeight) {
                pictogram.x = Math.random() * (canvasWidth - pictogramSize);
                pictogram.y = 0;
                pictogram.symbol = pictogramImages[Math.floor(Math.random() * pictogramImages.length)];
                score += scoreIncrement;
            }

if (poop.y > canvasHeight) {
                poop.x = Math.random() * (canvasWidth - pictogramSize);
                poop.y = 0;
            }

// Collision detection
            if (
                pictogram.y < canvasHeight &&
                pictogram.y + pictogramSize > canvasHeight - pictogramSize &&
                Math.abs(pictogram.x - pictogramSize / 2 - pictogram.x) < (pictogramSize / 2) + pictogramSize / 2
            ) {
                pictogram.x = Math.random() * (canvasWidth - pictogramSize);
                pictogram.y = 0;
                pictogram.symbol = pictogramImages[Math.floor(Math.random() * pictogramImages.length)];
                score += scoreIncrement;
            }

if (
                poop.y < canvasHeight &&
                poop.y + pictogramSize > canvasHeight - pictogramSize &&
                Math.abs(poop.x - pictogramSize / 2 - poop.x) < (pictogramSize / 2) + pictogramSize / 2
            ) {
                poop.x = Math.random() * (canvasWidth - pictogramSize);
                poop.y = 0;
                score -= poopTouchPenalty;
            }
        }

// Draw game objects
        function draw() {
            ctx.clearRect(0, 0, canvasWidth, canvasHeight);

ctx.fillStyle = '#fff';
            ctx.font = 'bold 36px Arial';
            ctx.fillText('Score: ' + score, 10, 40);

ctx.font = 'bold ' + pictogramSize + 'px Arial';
            ctx.fillText(pictogram.symbol, pictogram.x, pictogram.y);
            ctx.fillText(poop.symbol, poop.x, poop.y);
        }

// Handle touch controls
        function handleTouchStart(event) {
            if (!paused) {
                const touchX = event.touches[0].clientX;

if (touchX < canvasWidth / 2) {
                    movePictogramLeft();
                } else {
                    movePictogramRight();
                }
            }
        }

// Move pictogram to the left
        function movePictogramLeft() {
            pictogram.x -= pictogramSpeed;

if (pictogram.x < 0) {
                pictogram.x = 0;
            }
        }

// Move pictogram to the right
        function movePictogramRight() {
            pictogram.x += pictogramSpeed;

if (pictogram.x > canvasWidth - pictogramSize) {
                pictogram.x = canvasWidth - pictogramSize;
            }
        }

// Start the game
        init();
        gameLoop();
    </script>
</body>
</html>
```