Hvordan lage HTML-teksten Games

August 22

Bruk HTML for å lage enkle tekst spill som nettstedet besøkende kan spille ved å klikke på nettsted lenker. HTML tekst spill ta på samme format som trykte gamebooks. I motsetning til en vanlig historie der forfatteren presenterer hele historien for leseren, gamebooks samhandle med leseren ved å la leseren til å foreta valg gjennom hele historien som påvirker hvordan historien viser seg. På samme måte kan du opprette HTML-tekst spill hvor hver HTML-side ender med et valg for nettstedet besøkende. Avhengig av hans valg, åpnes en ny nettside opp. Spilleren må gjøre bevisste valg til slutt vinne spillet.

Bruksanvisning

1 Lag en grunnleggende spillet storyline. Velg en historie som holder spilleren nysgjerrige og at spilleren kan tydelig vinne på slutten. Eksempler på sterke spill historier inkluderer å finne en tapt skatt, løse et mysterium eller lagre en by fra katastrofe. Hold historien ren og enkel, slik at spillerne kan fokusere på å gjøre valg i stedet for å forstå kompliserte historien detaljer.

2 Utvid på historien ved å skrive en historie utkast. Skriv i andre person hvor hovedpersonen i historien er "du". For eksempel bør setninger lese "Du ser to dører" eller "Du plukker opp en kniv." Beskriv fysiske elementer i detalj slik at spillerne kan visualisere innstillingene uten bruk av grafikk.

3 Bryt historien i korte segmenter og avslutte hver segment med to eller flere valg. Opprett et nytt segment fra hvert valg og avslutte hver av disse segmentene med et annet sett med valg. Avslutt hver historie segment med enten et nytt sett med valg, eller med en vinner eller taper historien slutt.

Bruk følgende eksempel for å strukturere historie segmenter:

Segment One:
Du skrur på lyset og se et tomt rom med to dører.

Du åpner høyre dør. (Klikkbar alternativ en)
Du åpner igjen døren. (Klikkbar alternativ to)

Segment To (aktiveres ved å velge segmentet One, Alternativ One):
Bak høyre dør sitter en eldre kvinne sitter i en tre gyngestol holder en liten boks.

Snakk med kvinnen. (Klikkbart alternativ en)
Ignorer kvinnen. (Klikkbart alternativ to)

Segment Tre (aktiveres ved å velge segmentet One, Alternativ to):
Så snart du åpner venstre dør en slange hopper ut og biter deg i leggen. Du ligger der hjelpeløs, ute av stand til å fortsette.

Slutten.

Segment Fire (aktiveres ved å velge segmentet Two, Alternativ One):
Du spør den gamle damen om hun vet hvor skatten er. Hun åpner boksen for deg å avsløre skatten inne. Endelig fant du den skjulte skatten!
Slutten

Segment One tilbyr spilleren to muligheter. Det første alternativet fører spilleren Segment to som gir spilleren ytterligere to alternativer. Segment Tre historien slutter med spilleren tapende. Segment Fire ender historien med spilleren vinne.

Lag flere vinne og tape story avslutninger slik at spillerne kan spille spillet mange ganger og forvente et annet resultat hver gang.

4 Lag en trestruktur for å hjelpe deg å visualisere historien utfall basert på ulike alternativer. Gi hver ende node på diagrammet et navn som vil samsvare med navnet på HTML-filen som skal opprettes i trinn fire.

Ved å bruke eksempelet i trinn tre, navn Segment One "segment_one.html". Lag to grener fra Segment En på treet diagrammet. Koble den første grenen til "segment_two.html" for Segment Two (åpne høyre dør). Koble den andre grenen til "segment_three.html" for Segment Tre (åpne venstre dør).

5 Åpne en blank side i HTML editor og opprette en ny HTML-side for hver historie segment. Navn på siden i henhold til de navnene som er definert i trinn fire.

Bruk følgende HTML-side struktur:
<Html>
<Body>
 Tast inn første avsnitt av teksten her 
 Tast andre avsnitt av teksten her 
<a href="page1.html"> Første alternativet </a>
<a href="page2.html"> Andre alternativ </a>
</ Body>
</ Html>

Legg ved hvert avsnitt av teksten mellom og koder.
Erstatt "side1" og "side2" med navn på HTML-sider tilsvarende med hvert valg.
Bytt ut ordene "første alternativet" og "andre alternativet" med valg i historien.

Hvis historien logisk tillater spilleren å gå tilbake til tidligere trinn, legge i en ekstra kobling under andre alternativet linker der "page3.html" er på siden av det forrige trinnet.
<a href="page3.html"> Gå tilbake til forrige trinn </a>

6 Test HTML-teksten spillet ved å lese gjennom hver historie segment og etter hvert sett med valg til hver historie slutter.

7 Lag en hjemmeside for din historie som introduserer historien og instruerer leseren hvordan du spiller spillet ved å klikke på alternativer på bunnen av hver side.

Grunnleggende HTML for denne siden er som følger:
<Html>
<Body>
<H1> Enter historien tittelen her </ h1>
 Enter introduksjon til historien her 
 Tast instruksjonene for å spille spillet her 
<a href="page1.html"> Klikk her for å begynne å spille </a>
</ Body>
</ Html>

Bytt page1.html med linken til den første delen av historien.

Hint

Hvis du har en hard tid å komme opp med en historie, velger du en klassisk fantasy eventyr som en prins redde en prinsesse.