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

No:4725

2992

Create a game of burning an elf forest. The player..ALL
Developer User3589｜Date and time 23/6/28 18:49:01
Build time 49.569 sec｜Game capacity 5.39KB｜

了解しました。以下は要件に基づいて実装したエルフの森を焼くゲームのサンプルコードです。

エルフの森を焼くゲーム

Score: 0

Misses: 0

Time: 0s

このコードは、エルフの森を焼くゲームを実装しています。プレイヤーは画面をタップすることで矢を射出し、エルフがいる部分を狙って矢を当てます。矢がエルフに当たるとエルフは消えてポイントが加算されます。矢がエルフ以外のものに当たった場合は失敗となり、プレイヤーはミスを始めた回数だけ罰点が加算されます。制限時間内に多くのポイントを獲得することで高得点を目指せます。注意：このサンプルコードは単なる例です。外部リソース（画像など）が使用できないため、背景画像は仮のものとしています。実際のゲームでは、適切な画像やサウンドファイルを使用することができます。また、ご自身でローカルのファイルに保存して実行する場合、セキュリティの制限により正常に動作するかどうかは保証できません。必要に応じて、適切な環境で実行してください。

→ 　

2　

1　

[PR]現在の新着人気ランキング

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

(C)2023 HisashiApp

了解しました。以下は要件に基づいて実装したエルフの森を焼くゲームのサンプルコードです。

```html
<!DOCTYPE html>
<html>
<head>
    <title>エルフの森を焼くゲーム</title>
    <style>
        #game-area {
            width: 400px;
            height: 600px;
            background: url('forest.png') no-repeat;
            background-size: cover;
            position: relative;
            margin: 0 auto;
            overflow: hidden;
        }
        #arrow {
            position: absolute;
            left: 50%;
            bottom: 20px;
            width: 20px;
            height: 40px;
            background-color: black;
            transform: translateX(-50%);
            animation: shoot 1s infinite;
            display: none;
        }
        @keyframes shoot {
            100% {
                bottom: 100%;
            }
        }
        .elf {
            position: absolute;
            display: inline-block;
            font-size: 30px;
        }
        .elf-death {
            animation: death 1s forwards;
        }
        @keyframes death {
            0% {
                opacity: 1;
            }
            100% {
                opacity: 0;
            }
        }
    </style>
</head>
<body>
    <h1>エルフの森を焼くゲーム</h1>
    <div id="game-area">
        <div id="score">Score: 0</div>
        <div id="misses">Misses: 0</div>
        <div id="time">Time: 0s</div>
        <div id="arrow"></div>
    </div>

<script>
        var score = 0;
        var misses = 0;
        var time = 0;
        var startTime;
        var gameInterval;
        var elves = [];

document.getElementById('game-area').onclick = shootArrow;

startGame();

function startGame() {
            startTime = Date.now();
            gameInterval = setInterval(updateTime, 1000);
            createElf();
        }

function updateTime() {
            var elapsedSeconds = Math.floor((Date.now() - startTime) / 1000);
            time = elapsedSeconds;
            document.getElementById('time').textContent = 'Time: ' + elapsedSeconds + 's';
        }

function shootArrow(event) {
            var posX = event.clientX - event.target.getBoundingClientRect().left;
            var posY = event.clientY - event.target.getBoundingClientRect().top;
            var arrow = document.getElementById('arrow');
            arrow.style.left = posX + 'px';
            arrow.style.display = 'block';

setTimeout(function() {
                arrow.style.display = 'none';
            }, 1000);

for (var i = 0; i < elves.length; i++) {
                var elf = elves[i];
                var elfPos = elf.getBoundingClientRect();
                if (posX >= elfPos.left && posX <= elfPos.right && posY >= elfPos.top && posY <= elfPos.bottom) {
                    elf.classList.add('elf-death');
                    setTimeout(function() {
                        elf.parentElement.removeChild(elf);
                    }, 1000);
                    elves.splice(i, 1);
                    score++;
                    document.getElementById('score').textContent = 'Score: ' + score;
                    return;
                }
            }

misses++;
            document.getElementById('misses').textContent = 'Misses: ' + misses;
        }

function createElf() {
            var elf = document.createElement('div');
            var pos = getRandomPos();
            elf.classList.add('elf');
            elf.style.left = pos.x + 'px';
            elf.style.top = pos.y + 'px';
            elf.textContent = '🧝';
            document.getElementById('game-area').appendChild(elf);
            elves.push(elf);

if (time <= 10) {
                setTimeout(createElf, 800);
            } else if (time <= 20) {
                setTimeout(createElf, 600);
            } else if (time <= 30) {
                setTimeout(createElf, 400);
            } else {
                setTimeout(createElf, 200);
            }
        }

function getRandomPos() {
            var x = Math.random() * (400 - 30) + 30;
            var y = Math.random() * (500 - 30) + 30;
            return { x: x, y: y };
        }
    </script>
</body>
</html>
```

このコードは、エルフの森を焼くゲームを実装しています。プレイヤーは画面をタップすることで矢を射出し、エルフがいる部分を狙って矢を当てます。矢がエルフに当たるとエルフは消えてポイントが加算されます。矢がエルフ以外のものに当たった場合は失敗となり、プレイヤーはミスを始めた回数だけ罰点が加算されます。制限時間内に多くのポイントを獲得することで高得点を目指せます。

注意：このサンプルコードは単なる例です。外部リソース（画像など）が使用できないため、背景画像は仮のものとしています。実際のゲームでは、適切な画像やサウンドファイルを使用することができます。また、ご自身でローカルのファイルに保存して実行する場合、セキュリティの制限により正常に動作するかどうかは保証できません。必要に応じて、適切な環境で実行してください。