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

No:4630

3049

←

Prev Next

→

The game to be popular in Shinjuku 2-chome
Developer User1006｜Date and time 23/6/28 13:19:46
Build time 34.191 sec｜Game capacity 3.452KB｜

Script

了解しました。以下は、新宿２丁目でモテるゲームの部分的なゲーム化の例です。

新宿２丁目でモテるゲーム

スマホの操作で新宿２丁目を歩き回り、ハートを集めてください。

🚶‍♂️

❤️

このゲームでは、スマホの操作で上下左右にプレイヤーを移動させ、ハートを集めることが目標です。プレイヤーは🚶‍♂️の絵文字で表され、ハートは❤️の絵文字で表されます。プレイヤーがハートに触れると、そのハートは消えます。ただし、この例は部分的なゲーム化であり、新宿２丁目の要素には触れていません。全体的にゲーム化するには、より多くの要素やルールを追加する必要があります。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下は、新宿２丁目でモテるゲームの部分的なゲーム化の例です。

```html
<!DOCTYPE html>
<html>
<head>
    <title>新宿２丁目でモテるゲーム</title>
</head>
<body>
    <h1>新宿２丁目でモテるゲーム</h1>
    <p>スマホの操作で新宿２丁目を歩き回り、ハートを集めてください。</p>
    <div id="game-board">
        <div id="player" style="position: absolute; top: 0px; left: 0px;">🚶‍♂️</div>
        <div class="heart">❤️</div>
        <div class="heart">❤️</div>
        <div class="heart">❤️</div>
    </div>

// ハートの初期位置
        const hearts = document.querySelectorAll('.heart');
        const heartPositions = [];

hearts.forEach((heart, index) => {
            let top = Math.floor(Math.random() * 400) + 100;
            let left = Math.floor(Math.random() * 500) + 50;

heart.style.position = 'absolute';
            heart.style.top = `${top}px`;
            heart.style.left = `${left}px`;

heartPositions.push({top, left});
        });

function movePlayer(event) {
            const key = event.key;
            const player = document.getElementById('player');
            const gameBoard = document.getElementById('game-board');
            const playerRect = player.getBoundingClientRect();
            const gameBoardRect = gameBoard.getBoundingClientRect();

if (key === 'ArrowUp' && playerTop > gameBoardRect.top) {
                playerTop -= 10;
                player.style.top = `${playerTop}px`;
            } else if (key === 'ArrowDown' && playerTop < gameBoardRect.bottom - playerRect.height) {
                playerTop += 10;
                player.style.top = `${playerTop}px`;
            } else if (key === 'ArrowLeft' && playerLeft > gameBoardRect.left) {
                playerLeft -= 10;
                player.style.left = `${playerLeft}px`;
            } else if (key === 'ArrowRight' && playerLeft < gameBoardRect.right - playerRect.width) {
                playerLeft += 10;
                player.style.left = `${playerLeft}px`;
            }

checkCollision();
        }

function checkCollision() {
            hearts.forEach((heart, index) => {
                const heartRect = heart.getBoundingClientRect();

if (
                    playerTop < heartRect.bottom &&
                    playerTop + 50 > heartRect.top &&
                    playerLeft < heartRect.right &&
                    playerLeft + 50 > heartRect.left
                ) {
                    heart.remove();
                }
            });
        }

document.addEventListener('keydown', movePlayer);
    </script>
</body>
</html>
```

このゲームでは、スマホの操作で上下左右にプレイヤーを移動させ、ハートを集めることが目標です。プレイヤーは🚶‍♂️の絵文字で表され、ハートは❤️の絵文字で表されます。プレイヤーがハートに触れると、そのハートは消えます。

ただし、この例は部分的なゲーム化であり、新宿２丁目の要素には触れていません。全体的にゲーム化するには、より多くの要素やルールを追加する必要があります。