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

No:10931

Your a duck that needs to collect bricks to make A..ALL
Developer User4715｜Date and time 23/8/5 21:40:24
Build time 34.497 sec｜Game capacity 3.981KB｜

Script

Duck's Bricks Collector

Bricks Collected: 0

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Duck's Bricks Collector</title>
    <style>
        body { text-align: center; }
        h1 { font-size: 24px; }
        img { width: 100px; }
    </style>
</head>
<body>
    <h1>Duck's Bricks Collector</h1>
    <img id="duck" src="duck.png">
    <img id="brick" src="brick.png">
    <br>
    <p id="brickCount">Bricks Collected: 0</p>

// Move the duck around on screen based on touch events
        document.addEventListener('touchstart', handleTouchStart, false);
        document.addEventListener('touchmove', handleTouchMove, false);

let xDown = null;
        let yDown = null;

function getTouches(evt) {
            return evt.touches || evt.originalEvent.touches;
        }

function handleTouchStart(evt) {
            const firstTouch = getTouches(evt)[0];
            xDown = firstTouch.clientX;
            yDown = firstTouch.clientY;
        }

function handleTouchMove(evt) {
            if (!xDown || !yDown) {
                return;
            }

let xUp = evt.touches[0].clientX;
            let yUp = evt.touches[0].clientY;

let xDiff = xDown - xUp;
            let yDiff = yDown - yUp;

if (Math.abs(xDiff) > Math.abs(yDiff)) {
                if (xDiff > 0) {
                    moveDuckLeft();
                } else {
                    moveDuckRight();
                }
            } else {
                if (yDiff > 0) {
                    moveDuckUp();
                } else {
                    moveDuckDown();
                }
            }

xDown = null;
            yDown = null;
        }

function moveDuckLeft() {
            let duck = document.getElementById('duck');
            let brick = document.getElementById('brick');
            let duckLeft = parseFloat(duck.style.left) || 0;
            let brickTop = parseFloat(brick.style.top) || 0;

duckLeft -= 10;
            brick.style.left = `${duckLeft}px`;

checkCollision(duckLeft, brickTop);
        }

function moveDuckRight() {
            let duck = document.getElementById('duck');
            let brick = document.getElementById('brick');
            let duckLeft = parseFloat(duck.style.left) || 0;
            let brickTop = parseFloat(brick.style.top) || 0;

duckLeft += 10;
            brick.style.left = `${duckLeft}px`;

checkCollision(duckLeft, brickTop);
        }

function moveDuckUp() {
            let duck = document.getElementById('duck');
            let brick = document.getElementById('brick');
            let duckTop = parseFloat(duck.style.top) || 0;
            let brickTop = parseFloat(brick.style.top) || 0;

duckTop -= 10;
            brick.style.top = `${duckTop}px`;

checkCollision(duckTop, brickTop);
        }

function moveDuckDown() {
            let duck = document.getElementById('duck');
            let brick = document.getElementById('brick');
            let duckTop = parseFloat(duck.style.top) || 0;
            let brickTop = parseFloat(brick.style.top) || 0;

duckTop += 10;
            brick.style.top = `${duckTop}px`;

checkCollision(duckTop, brickTop);
        }

function checkCollision(duckPosition, brickPosition) {
            if (Math.abs(duckPosition - brickPosition) < 50) {
                collectBrick();
            }
        }

function collectBrick() {
            brickCount++;
            document.getElementById('brickCount').textContent = 'Bricks Collected: ' + brickCount;

if (brickCount >= MAX_BRICKS) {
                endGame();
            }
        }

function endGame() {
            alert('Congratulations! The duck collected enough bricks to build a house!');
        }
    </script>
</body>
</html>