Fine :-) Swiss appear on the screen for about five seconds and then they turn into :-) emoji then they will bounce around on the screen until I can eat and then one disappeared's game

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

No:14624

←

Prev Next

→

Fine :-) Swiss appear on the screen for about five..ALL
Developer User6282｜Date and time 23/9/3 18:25:18
Build time 21.127 sec｜Game capacity 2.195KB｜

Script

🇨🇭

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
    <style>
        #swiss {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 100px;
        }
    </style>
</head>
<body>
    <div id="swiss">🇨🇭</div>

// Set initial timer for 5 seconds
        let timer = 5;

// Timer function to change pictogram after 5 seconds and start bouncing
        const countdown = setInterval(() => {
            if (timer > 0) {
                timer--;
            } else {
                clearInterval(countdown);
                animate();
            }
        }, 1000);

// Function to animate bouncing effect
        function animate() {
            const swissIcon = document.getElementById("swiss");
            const containerWidth = window.innerWidth - swissIcon.offsetWidth;
            const containerHeight = window.innerHeight - swissIcon.offsetHeight;

let x = 0;
            let y = 0;
            let dx = 5;
            let dy = 5;

function move() {
                x += dx;
                y += dy;

if (x < 0 || x > containerWidth) {
                    dx = -dx;
                }

if (y < 0 || y > containerHeight) {
                    dy = -dy;
                }

swissIcon.style.left = x + "px";
                swissIcon.style.top = y + "px";

requestAnimationFrame(move);
            }

move();
        }

// Function to convert Swiss into smiley and handle eating event
        function eatSwiss() {
            const swissIcon = document.getElementById("swiss");
            swissIcon.innerHTML = smileyPictogram;

// After eating, remove one Swiss
            swissIcon.onclick = function () {
                swissIcon.remove();
            };
        }

// Event listener to trigger eatSwiss function
        document.addEventListener("click", eatSwiss);
    </script>
</body>
</html>