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

No:6747

Novels where you can read stories that make you cr..ALL
Developer User3907｜Date and time 23/7/3 13:45:17
Build time 26.99 sec｜Game capacity 2.795KB｜

Script

以下は、スマートフォンで遊べるシンプルなノベルゲームの例です。

泣けるお話ゲーム

このプログラムは、スマートフォン向けのシンプルなノベルゲームです。最初のシーンから始まり、次へボタンを押すことでストーリーが進行します。メッセージと絵文字を順番に表示し、最後まで辿ると「泣けましたか？」と尋ねます。ゲームプレイ中は泣ける感動的なストーリーが読めるため、一連の処理が実行されていることを確認できます。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

以下は、スマートフォンで遊べるシンプルなノベルゲームの例です。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>泣けるお話ゲーム</title>
    <style>
        body {
            text-align: center;
            font-size: 24px;
            padding: 50px;
        }
    </style>
</head>
<body>
    <h1>泣けるお話ゲーム</h1>
    <div id="story"></div>
    <button id="nextButton">次へ</button>

const scenes = [
            {
                text: "ある日、小さな村に住む少年が母親を亡くしました。",
                image: "😢"
            },
            {
                text: "心を閉ざした少年は、村の人々との交流を避けるようになりました。",
                image: "😔"
            },
            {
                text: "ある晩、少年は星空を見上げていました。",
                image: "🌌"
            },
            {
                text: "星の光が少年の心に響き、母親の温かな思い出がよみがえりました。",
                image: "🌠"
            },
            {
                text: "少年は母親の遺したメッセージを心に刻み、村の人々と和解しました。",
                image: "🌟"
            },
            {
                text: "この話は終わりですが、泣けましたか？",
                image: "😭"
            }
        ];

let sceneIndex = 0;

function showScene() {
            const scene = scenes[sceneIndex];
            story.innerText = scene.text;
            story.appendChild(document.createElement('br'));
            story.appendChild(document.createTextNode(scene.image));
        }

function nextScene() {
            sceneIndex++;
            if (sceneIndex >= scenes.length) {
                nextButton.disabled = true;
                return;
            }
            showScene();
        }

nextButton.addEventListener('click', nextScene);

showScene();
    </script>
</body>
</html>
```