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

No:5251

5768

←

Prev Next

→

上下の位置はランダムに右から左に飛んできて、襲ってくるイーロンマスクの製品。イーロンマスクの製品..ALL
Developer anonymous｜Date and time 70/1/1 10:03:40
Build time unknown sec｜Game capacity 3.82KB｜

Script

イーロンマスク vs マークザッカーバーグ

マークザッカーバーグ

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>イーロンマスク vs マークザッカーバーグ</title>
    <style>
        body {
            overflow: hidden; /* スクロールバーを非表示にする */
            margin: 0;
            padding: 0;
            background-color: black;
            color: white;
            font-size: 20px;
            text-align: center;
        }

#game-area {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

#board {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            margin-top: 200px;
        }

#elon-product {
            position: absolute;
            top: 0;
            left: 100%;
            animation: elon-product-animation 4s linear infinite;
        }

@keyframes elon-product-animation {
            0% {
                transform: translateX(100%);
            }
            100% {
                transform: translateX(-100%);
            }
        }
    </style>
</head>
<body>
    <div id="game-area">
        <h1>イーロンマスク vs マークザッカーバーグ</h1>
        <div id="board">
            <button id="up-arrow">↑</button>
            <div id="zuckerberg">マークザッカーバーグ</div>
            <button id="down-arrow">↓</button>
        </div>
    </div>

let score = 0;

upArrow.addEventListener("click", moveUp);
        downArrow.addEventListener("click", moveDown);

function moveUp() {
            zuckerberg.style.top = parseFloat(window.getComputedStyle(zuckerberg).top) - 20 + "px";
        }

function moveDown() {
            zuckerberg.style.top = parseFloat(window.getComputedStyle(zuckerberg).top) + 20 + "px";
        }

function createElonProduct() {
            const elonProduct = document.createElement("div");
            elonProduct.innerText = getRandomProduct();
            elonProduct.classList.add("elon-product");
            gameArea.appendChild(elonProduct);

const elonProductInterval = setInterval(function() {
                const elonProductLeft = parseFloat(window.getComputedStyle(elonProduct).left);

if (elonProductLeft < -100) {
                    elonProduct.remove();
                    clearInterval(elonProductInterval);
                } else if (elonProductLeft < 30 && Math.abs(parseFloat(window.getComputedStyle(zuckerberg).top) - parseFloat(window.getComputedStyle(elonProduct).top)) < 60) {
                    elonProduct.remove();
                    clearInterval(elonProductInterval);
                    score += 1;
                    checkGameEnd();
                } else {
                    elonProduct.style.left = elonProductLeft - 5 + "px";
                }
            }, 10);
        }

function getRandomProduct() {
            const products = ["🚀", "🚗"];
            return products[Math.floor(Math.random() * products.length)];
        }

function checkGameEnd() {
            if (score >= 10) {
                clearInterval(elonProductInterval);
                alert("マークザッカーバーグの勝利！");
            }
        }

const elonProductInterval = setInterval(createElonProduct, 1000);
    </script>
</body>
</html>