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

No:8459

4517

←

Prev Next

→

Crisis in the East Sea! Sharks in the East China S..ALL
Developer User3589｜Date and time 23/7/16 7:34:37
Build time 37.373 sec｜Game capacity 6.257KB｜

Script

以下は、提供された要件に基づいて作成されたHTMLファイルです。このファイルは、サメが東海地方と上海を襲撃し、最終的に離陸するゲームをプレイすることができます。

東海の危機！東シナ海のサメ！

プレイヤーのサメの思想は自らが自認する種族である宇宙サメの復権です！

むろんそんなサメは存在しませんが今は多様性の時代！

そんな思想を持つサメを操作して人間たちから文明の利器を奪いまわりましょう！

このHTMLファイルを任意の場所に保存し、ウェブブラウザで開くことでゲームをプレイすることができます。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>東海の危機！東シナ海のサメ！</title>
</head>
<body>
    <h1>東海の危機！東シナ海のサメ！</h1>
    <h2>プレイヤーのサメの思想は自らが自認する種族である宇宙サメの復権です！</h2>
    <p>むろんそんなサメは存在しませんが今は多様性の時代！</p>
    <p>そんな思想を持つサメを操作して人間たちから文明の利器を奪いまわりましょう！</p>
    <button onclick="attack()">サメが出現！襲撃を開始する！</button>
    <script>
        let score = 0;

function attack() {
            score = 0;
            document.body.innerHTML = "";

const sea = document.createElement("div");
            sea.style.width = "100%";
            sea.style.height = "300px";
            sea.style.backgroundColor = "deepskyblue";
            document.body.appendChild(sea);

const shark = document.createElement("span");
            shark.innerHTML = "🦈";
            shark.style.fontSize = "50px";
            shark.style.position = "absolute";
            shark.style.left = "0";
            shark.style.bottom = "0";

let sharkPos = 0;
            let interval = setInterval(moveShark, 10);

function moveShark() {
                sharkPos += 10;
                shark.style.left = sharkPos + "px";

if (sharkPos >= window.innerWidth) {
                    clearInterval(interval);
                    score += 10; // add score for successful attack
                    attackLand();
                }
            }

sea.appendChild(shark);
        }

function attackLand() {
            document.body.innerHTML = "";
            document.body.style.backgroundColor = "khaki";
            document.body.style.textAlign = "center";

const land = document.createElement("div");
            land.style.width = "100%";
            land.style.height = "300px";
            land.style.backgroundColor = "green";
            document.body.appendChild(land);

let sharkPos = 0;
            let interval = setInterval(moveShark, 10);

function moveShark() {
                sharkPos += 10;
                shark.style.left = sharkPos + "px";

if (sharkPos >= window.innerWidth) {
                    clearInterval(interval);
                    score += 10; // add score for successful attack
                    attackAir();
                }
            }

land.appendChild(shark);
        }

function attackAir() {
            document.body.innerHTML = "";
            document.body.style.backgroundColor = "lightgray";
            document.body.style.textAlign = "center";

const sky = document.createElement("div");
            sky.style.width = "100%";
            sky.style.height = "300px";
            sky.style.backgroundColor = "skyblue";
            document.body.appendChild(sky);

let sharkPos = 0;
            let interval = setInterval(moveShark, 10);

function moveShark() {
                sharkPos += 10;
                shark.style.left = sharkPos + "px";

if (sharkPos >= window.innerWidth) {
                    clearInterval(interval);
                    score += 10; // add score for successful attack
                    getReadyForTakeoff();
                }
            }

sky.appendChild(shark);
        }

function getReadyForTakeoff() {
            const takeoffButton = document.createElement("button");
            takeoffButton.innerHTML = "離陸準備！";
            takeoffButton.onclick = function () {
                takeoff();
            };
            document.body.appendChild(takeoffButton);
        }

function takeoff() {
            document.body.innerHTML = "";
            document.body.style.backgroundColor = "black";
            document.body.style.textAlign = "center";
            document.body.style.color = "white";

const rocket = document.createElement("span");
            rocket.innerHTML = "🚀";
            rocket.style.fontSize = "100px";

let rocketPos = window.innerHeight;
            let interval = setInterval(moveRocket, 10);

function moveRocket() {
                rocketPos -= 10;
                rocket.style.bottom = rocketPos + "px";

if (rocketPos <= 0) {
                    clearInterval(interval);
                    score += 10; // add score for successful takeoff
                    showScore();
                }
            }

document.body.appendChild(rocket);
        }

function showScore() {
            const scoreText = document.createElement("h2");
            scoreText.innerHTML = "おめでとうございます！";
            
            const scoreValue = document.createElement("p");
            scoreValue.innerHTML = "スコア: " + score;
            
            document.body.appendChild(scoreText);
            document.body.appendChild(scoreValue);
        }
    </script>
</body>
</html>

このHTMLファイルを任意の場所に保存し、ウェブブラウザで開くことでゲームをプレイすることができます。