SPRITE SHEET BREAKDOWN

Tento soubor ukazuje, jak přesně herní engine (game.engine.js) vidí a zpracovává jednotlivé "sprity" (obrázky) z vašeho hlavního souboru img/image.png.

Proces načítání funguje takto:

  1. Obrázek se načte do skrytého plátna (Canvas).
  2. Skript analyzuje pixely a hledá barvu pozadí (podobnou tmavě šedé/černé).
  3. Kde najde barvu pozadí, nastaví průhlednost (Alpha kanál na 0). Kvůli tomu tu můžete tyto obrázky vidět na šachovnicovém pozadí – jsou krásně průhledné.
  4. Pak definujeme "souřadnice" – jakýsi nůž, kterým z velkého obrázku vyřízneme konkrétní loď nebo mimozemšťana. sx, sy je levý horní roh výřezu, w, h je šířka a výška daného bloku.