JavaScript - Hra dinostaurus

Návod na naprogramování vlastní hry v javascriptu, krok po kroku, jak jsme to pichtili na kroužku.

Pohyblivý obrázek

1. Stáhli jsme si z netu gif běžícího dinosaura.

2. Vytvořili jsme html dokument zobrazující obrázek tohoto dinosaura (dino.html zdrojak na obr. v pravem okně)

3. Vytvořili jsme si oddělený soubor s kaskádovým stylem, upravující vzhled obrázku (šířku a umístění)

 

Výskok, dopad a pohyb překážek

 

Řešení kolize

Kompletní hra s vyřešenou kolizí a klavesovým ovládání z jiného kroužku pro inspiraci. Zdoják zde.

Kam dál?