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

No:33509

←

Prev Next

→

サイヤ人は全て撲滅だ
Developer User14508｜Date and time 24/1/4 16:16:07
Build time 23.789 sec｜Game capacity 2.148KB｜

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>
    <style>
        body {
            background-color: lightblue;
        }
        
        .saiyan {
            display: inline-block;
            font-size: 50px;
            margin: 10px;
            padding: 10px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>サイヤン撲滅ゲーム</h1>
    <div id="game">
        <script>
            var game = document.getElementById("game");
            var score = 0;

function addScore() {
                score ++;
                updateScore();
            }

function updateScore() {
                game.innerHTML = "Score: " + score;

if (score >= 10) {
                    game.innerHTML += "<h2>ゲームクリア！サイヤンを撲滅しました！</h2>";
                }
            }

function createSaiyan() {
                var saiyan = document.createElement("div");
                saiyan.classList.add("saiyan");
                saiyan.innerHTML = "👽";

saiyan.addEventListener("click", function() {
                    this.parentNode.removeChild(this);
                    addScore();
                });

var x = Math.random() * (window.innerWidth - 100);
                var y = Math.random() * (window.innerHeight - 100);

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

game.appendChild(saiyan);
            }

setInterval(createSaiyan, 1000);
            updateScore();
        </script>
    </div>
</body>
</html>
```