- JAVASCRIPT
- HTML
- CSS
- Egy div, ami magába foglalja a többi divet amelyek display: inline beállításúak.
- Méretezést egy függvénnyel oldjuk meg, amely lefut egyszer az oldal megnyitásakor, majd akkor is ha átméretezik az oldalt.
- A négyzetek szélességét százalékosan adjuk meg.
- Egy legördülő menüben lehet kiválasztani a játéktér szélességét.
- A "tile" osztályhoz rendeljük az egyes csempéket.
- Az eledel csempe osztálya "food", a kígyó csempe osztálya "snake", az üres csempe osztálya pedig "empty" legyen.
- Az "új játék" gomb hatására a kígyó megjelenik a játéktér közepén.
- Azonnal indul a kígyó jobbra.
- Lépésenkénti ellenőrzés: a csempe osztályát vizsgáljuk. Ha "snake" az osztály, legyen vége a játéknak. Ha "food" az osztály, akkor nő egyet a kígyó. Ha nincs olyan csempe ahová lépni akar a fej, akkor vége a játéknak.
- Irányítás: keydown eseményre változtatjuk az irányt.
- Óraütésre mindig elvégezzük az összes ellenőrzést egy metódusban.
- A kígyó testét egy tömbben tároljuk és lépés esetén minden tömbelem az előző helyébe lép.
- A points változóban tároljuk az aktuális pontokat.
- Egy eledel egy pontot ér.
- Random jelenik meg egyszerre egy eledel.
- Ellenőrizni kell, hogy ne a kígyó testére essen az eledel pozíciója.
- Ha a kígyó feje rálép az eledelre, akkor növeljük a pontokat és átállítjuk az osztályokat.
- Az eledel elfogyasztása után újat generálunk.