■ゲーム名マークザッカーバーグ VS イーロンマスク ■ゲームの概要・インベーダーゲーム風・プレイヤーはマークザッカーバーグを操作できる。・マークザッカーバーグがライクアイコンを、マークザッカーバーグがいる地点から発射できる。・いいねアイコンは丸い赤色のボタンを押すことで発射可能。・敵はイーロンマスク。・イーロンマスクは上から下に向かって、イーロンマスクの製品を投げてくる。・飛んでくるイーロンマスクの製品はロケットや車がランダムとする。２０回中１回は、イーロンマスク本人が飛んでくる。イーロンマスクが本人を含めて最大100個投げ終わったら、ゲームを終了し、プレイヤーが獲得したポイントを中央に大きく表示すること。・イーロンマスク製品なら1ポイント、イーロンマスク本人なら3ポイントを獲得。イーロンマスクが打たれたらイーロンマスクは元の位置に戻る。's game

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

No:5272

3320

←

Prev Next

→

■ゲーム名マークザッカーバーグ VS イーロンマスク ■ゲームの概要・インベーダーゲー..ALL
Developer User3819｜Date and time 23/6/29 21:48:47
Build time 39.548 sec｜Game capacity 5.3KB｜

Script

了解です。以下にHTMLファイルの例を示します。

このファイルを保存し、ブラウザで開くと「マークザッカーバーグ VS イーロンマスク」というゲームがプレイできます。マークザッカーバーグのアイコンをクリックすると、いいねアイコンが発射され、上から下に向かって落ちるイーロンマスクの製品を狙います。イーロンマスク製品を撃つと1ポイント、イーロンマスク本人を撃つと3ポイントが加算されます。20回の投球が終わったら、プレイヤーが獲得したポイントが表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

了解です。以下にHTMLファイルの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>マークザッカーバーグ VS イーロンマスク</title>
    <style>
        #game-container {
            width: 320px;
            height: 480px;
            border: 1px solid black;
            position: relative;
        }

#player {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 50px;
            height: 50px;
            background-color: blue;
        }

.like-icon {
            position: absolute;
            width: 20px;
            height: 20px;
            background-color: red;
            border-radius: 50%;
            bottom: 100%;
            transition: bottom 0.3s linear;
        }

.product {
            position: absolute;
            width: 30px;
            height: 30px;
            background-color: green;
            bottom: 100%;
            left: 0;
            transition: bottom 0.6s linear;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="player"></div>
    </div>

player.addEventListener('click', shootLikeIcon);

function shootLikeIcon() {
            const likeIcon = document.createElement('div');
            likeIcon.classList.add('like-icon');
            likeIcon.style.left = (player.offsetLeft + player.offsetWidth / 2 - 10) + 'px';

gameContainer.appendChild(likeIcon);

const intervalId = setInterval(() => {
                const currentBottom = parseInt(likeIcon.style.bottom);
                if (currentBottom >= 480) {
                    clearInterval(intervalId);
                    gameContainer.removeChild(likeIcon);
                } else {
                    likeIcon.style.bottom = (currentBottom + 10) + 'px';
                }

const collidedProduct = checkCollision(likeIcon);
                if (collidedProduct) {
                    gameContainer.removeChild(collidedProduct);
                    score += 1;
                }
            }, 100);
        }

function checkCollision(likeIcon) {
            const products = document.getElementsByClassName('product');

for (let i = 0; i < products.length; i++) {
                const product = products[i];

const likeIconRect = likeIcon.getBoundingClientRect();
                const productRect = product.getBoundingClientRect();

if (
                    likeIconRect.top <= productRect.bottom &&
                    likeIconRect.bottom >= productRect.top &&
                    likeIconRect.left <= productRect.right &&
                    likeIconRect.right >= productRect.left
                ) {
                    return product;
                }
            }

return null;
        }

function createProduct() {
            const product = document.createElement('div');
            product.classList.add('product');
            product.style.bottom = gameContainer.offsetHeight + 'px';
            product.style.left = Math.random() * (gameContainer.offsetWidth - 30) + 'px';

const isElonMask = Math.random() < 0.05;
            if (isElonMask) {
                product.style.backgroundColor = 'gray';
                product.style.borderRadius = '50%';
            }

gameContainer.appendChild(product);

const intervalId = setInterval(() => {
                const currentBottom = parseInt(product.style.bottom);
                if (currentBottom <= 0) {
                    clearInterval(intervalId);
                    gameContainer.removeChild(product);

if (!isElonMask) {
                        score += 1;
                    }
                } else {
                    product.style.bottom = (currentBottom - 10) + 'px';
                }
            }, 200);
        }

const productIntervalId = setInterval(() => {
            createProduct();
            if (score === 20) {
                clearInterval(productIntervalId);
                endGame();
            }
        }, 1000);

function endGame() {
            gameContainer.innerHTML = '';
            const scoreText = document.createElement('h1');
            scoreText.textContent = `Your Score: ${score}`;
            scoreText.style.textAlign = 'center';
            gameContainer.appendChild(scoreText);
        }
    </script>
</body>
</html>
```