HTML-games maken

HTML is de taal van webdesign. Webbrowsers interpreteren HTML om correct opgemaakte tekst en afbeeldingen weer te geven. De algemene structuur van een webpagina wordt gemaakt in HTML. Andere programmeertalen worden meestal gebruikt om meer interactiviteit op een pagina te creëren. PHP, JavaScript en Flash zijn voorbeelden van de tools die worden gebruikt om dynamische websites te genereren. Het is echter mogelijk om HTML tot het uiterste te drijven. Leuke spellen kunnen bijvoorbeeld alleen via HTML worden gemaakt. Het is ook mogelijk om HTML te gebruiken om games uit andere bronnen in te sluiten.

Interactieve fictie

Schets een 'kies elke stap'-stijl van interactieve fictie. Een manier om de beperkte programmeermogelijkheden van HTML te gebruiken is om een verzameling onafhankelijke HTML "hoofdstuk" webpagina's aan elkaar te rijgen in een "kies je eigen avontuur" ervaring. Schrijf een verhaal met verschillende kritische plotpunten en kies alternatieve uitkomsten op basis van de beslissingen van de lezer.

Open een teksteditor. Typ het eerste "hoofdstuk" van je verhaal.

Voeg twee of meer links toe aan het einde van het hoofdstuk om de lezer keuzes te bieden. Formatteer elke link als "Keuze A" voor de eerste keuze, "Keuze B" voor de tweede keuze, enz. Typ de volledige beschrijving voor elke perceelkeuze in de gebieden die zijn aangeduid als "Keuze A" of "Keuze B".

Sla het bestand op als "index.html."

Maak een nieuw tekstbestand aan. Typ de inhoud die is gekoppeld aan de eerste keuze die u de lezer hebt gegeven.

Sla het bestand op als "1.html."

Maak een nieuw tekstbestand aan. Typ de inhoud die is gekoppeld aan de tweede keuze die u de lezer hebt gegeven.

Sla het bestand op als "2.html."

Maak desgewenst meer hoofdstukken en plotpunten. Het einde van elk hoofdstuk kan dezelfde HTML-code bevatten voor het selecteren van keuzes. Voor elke aangeboden keuze worden nieuwe tekstbestanden gemaakt. Verhoog eenvoudig de HTML-bestandsnamen met "3.html", "4.html", enz. om meerdere hoofdstukken te maken.

Dubbelklik op "index.html" om de interactieve HTML-ervaring te starten. Het wordt geopend in een webbrowser en presenteert het eerste hoofdstuk en de reeks keuzes. Elke klik opent automatisch het andere HTML-bestand dat overeenkomt met die selectie.