1941 (avantura)

Ratna igrica zasnovana na istorijskim dokumentima i ljudskim izborima.

Možeš je probati ovde: mudroljub.github.io/avantura-1941

Razvoj

Prvo instaliraj node.js i kloniraj repo. Potom:

npm install
npm start

Tipične greške (previdi) u razvoju:

fale generisani fajlovi
server puca, jer je port zauzet

Level Editor: localhost:8080/#editor

Dokumentacija

Scena.js

Osnovna klasa je Scena.js. Od nje se instanciraju sve konkretne scene. Scena prima tri argumenta (sablon, podaci i element), od kojih je samo prvi obavezan.

Ukoliko DOM element nije eksplicitno prosleđen, scena će pokušati da selektuje element #avantura.

Šablon (HTML)

Svaka scena mora uključiti sablon.html, odnosno prikaz scene. Šablon može sadržati zakucane podatke, ili varijable u JS string literal sintaksi. Šablon se učitava na početku fajla, i prosleđuje kao jedini obavezni argument sceni:

import sablon from './sablon.html';
const scena = new Scena(sablon)

Prilikom renderovanja scene, šablon se evaluira.

Podaci (JSON)

Ako se u šablonu nalaze varijable, scena mora uključiti podaci.json. Nužno je da se nazivi promenljivih u json-u i šablonu poklapaju. Podaci se učitavaju na početku fajla, i prosleđuju kao drugi argument sceni:

import podaci from './podaci.json';
const scena = new Scena(sablon, podaci)

Prilikom inicijalizacije, podaci se kače na scenu na sledeći način:

this.podaci = podaci

U šablonu se svim podacima pristupa preko this:

 ${this.podaci.naslov}

gde this referira trenutnu scenu.

Stil (CSS)

Scena opciono može uključiti i stil.css fajl, koji je jedinstven za tu scenu:

import stil from './stil.css';

Učitani stil se kači na scenu prilikom instanciranja:

this.stil = stil

Stil se renderuje u html šablonu unutar style taga, na sledeći način:

<style>
  ${this.stil}
</style>

TODO:

napraviti bolji eval u Zakletva.js za data 1941-07-07-zakletva (js varijable i css)
srediti četničku zakletvu u data.json
proveriti interpolaciju struna u data.json
unositi sadržaj

mudroljub/avantura-1941