A game with a story that is forever and with pictures and options to choose.'s game

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

No:17511

←

Prev Next

→

A game with a story that is forever and with pictu..ALL
Developer User7703｜Date and time 23/9/23 16:33:41
Build time 65.707 sec｜Game capacity 6.758KB｜

Script

←

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>Interactief Pictogrammen Spel</title>
</head>
<body>
  <script type="text/javascript">
    // Het spelobject met de verhaalelementen en keuzeopties
    var spel = {
      stappen: [
        {
          afbeelding: "🏰", // afbeelding voor deze stap
          tekst: "Je staat voor een oud kasteel. Wat doe je?", // verhaaltekst voor deze stap
          opties: [
            {
              keuze: "Naar binnen gaan",
              volgendeStap: 1 // index van de volgende stap in het spel
            },
            {
              keuze: "Verder gaan",
              volgendeStap: 2
            }
          ]
        },
        {
          afbeelding: "🚪",
          tekst: "Binnen in het kasteel is het donker en mysterieus. Wat wil je doen?",
          opties: [
            {
              keuze: "Linksaf gaan",
              volgendeStap: 3
            },
            {
              keuze: "Rechtsaf gaan",
              volgendeStap: 4
            }
          ]
        },
        {
          afbeelding: "🌲",
          tekst: "Je komt een betoverd bos tegen. Wat wil je doen?",
          opties: [
            {
              keuze: "Verder wandelen",
              volgendeStap: 5
            },
            {
              keuze: "Terugkeren naar het kasteel",
              volgendeStap: 1
            }
          ]
        },
        {
          afbeelding: "🕯️",
          tekst: "Je vindt een mysterieuze kamer met kaarsen. Wat wil je doen?",
          opties: [
            {
              keuze: "Kaarsen aansteken",
              volgendeStap: 6
            },
            {
              keuze: "Verder gaan",
              volgendeStap: 2
            }
          ]
        },
        {
          afbeelding: "🧗",
          tekst: "Je verlaat het kasteel via een geheime doorgang en komt bij een berg. Wat doe je?",
          opties: [
            {
              keuze: "Beklim de berg",
              volgendeStap: 7
            },
            {
              keuze: "Teruggaan naar het kasteel",
              volgendeStap: 1
            }
          ]
        },
        {
          afbeelding: "🌳",
          tekst: "In het bos kom je een wijze oude man tegen. Hij biedt je een raadsel aan. Wil je het oplossen?",
          opties: [
            {
              keuze: "Ja",
              volgendeStap: 8
            },
            {
              keuze: "Nee",
              volgendeStap: 9
            }
          ]
        },
        {
          afbeelding: "🔥",
          tekst: "Je hebt de kaarsen aangestoken, en plotseling opent zich een geheime deur. Wat doe je?",
          opties: [
            {
              keuze: "Naar binnen gaan",
              volgendeStap: 10
            },
            {
              keuze: "Teruggaan",
              volgendeStap: 2
            }
          ]
        },
        {
          afbeelding: "⛰️",
          tekst: "Je hebt succesvol de berg beklommen en bereikt de top. Het uitzicht is adembenemend. Wat doe je?",
          opties: [
            {
              keuze: "De horizon bewonderen",
              volgendeStap: 11
            },
            {
              keuze: "Nadenken over het leven",
              volgendeStap: 12
            }
          ]
        },
        {
          afbeelding: "🧩",
          tekst: "Hier is het raadsel: 'Ik ben altijd voor je, maar je kunt me nooit zien. Wat ben ik?' Wat is jouw antwoord?",
          opties: [
            {
              keuze: "Adem",
              volgendeStap: 13
            },
            {
              keuze: "De zon",
              volgendeStap: 14
            }
          ]
        },
        {
          afbeelding: "✨",
          tekst: "Goed gedaan! Je hebt het raadsel opgelost en de oude man bedankt je met een magisch voorwerp. Ga verder op je avontuur.",
          opties: [
            {
              keuze: "Verder gaan",
              volgendeStap: 15
            }
          ]
        },
        {
          afbeelding: "🏞️",
          tekst: "Terwijl je verdergaat, kom je een prachtige vallei tegen. De natuur is hier schitterend. Wat doe je?",
          opties: [
            {
              keuze: "De omgeving verkennen",
              volgendeStap: 16
            },
            {
              keuze: "Rusten",
              volgendeStap: 17
            }
          ]
        },
        {
          afbeelding: "💭",
          tekst: "Je denkt na over het leven en het avontuur dat voor je ligt. Wat is jouw volgende stap?",
          opties: [
            {
              keuze: "Terugkeren naar huis",
              volgendeStap: -1 // -1 als eindbestemming om het spel te beëindigen
            },
            {
              keuze: "Verder gaan",
              volgendeStap: 16
            }
          ]
        },
        {
          afbeelding: "🥇",
          tekst: "Gefeliciteerd! Je hebt de top van de berg bereikt en het spel gewonnen.",
          opties: [
            {
              keuze: "Opnieuw spelen",
              volgendeStap: 1 // Begin van het spel
            }
          ]
        }
      ],

huidigeStap: 0, // De huidige stap in het spel

start: function() {
        while (this.huidigeStap !== -1) {
          var stap = this.stappen[this.huidigeStap];
          this.toonStap(stap);
          this.huidigeStap = stap.opties[this.kiesOptie(stap)].volgendeStap;
        }
      },

toonStap: function(stap) {
        document.body.innerHTML = "<h1>" + stap.afbeelding + "</h1>";
        document.body.innerHTML += "<p>" + stap.tekst + "</p>";
        document.body.innerHTML += "<ul>";
        for (var i = 0; i < stap.opties.length; i++) {
          document.body.innerHTML +=
            '<li><button onclick="spel.huidigeStap = ' +
            stap.opties[i].volgendeStap +
            '">' +
            stap.opties[i].keuze +
            "</button></li>";
        }
        document.body.innerHTML += "</ul>";
      },

kiesOptie: function(stap) {
        var keuzeIndex = prompt(
          "Kies een nummer van 1 tot " + stap.opties.length + ":"
        );
        keuzeIndex = parseInt(keuzeIndex) - 1;
        if (isNaN(keuzeIndex) || keuzeIndex < 0 || keuzeIndex >= stap.opties.length) {
          return this.kiesOptie(stap);
        }
        return keuzeIndex;
      }
    };

spel.start();

</script>
</body>
</html>