Jednou z výhod práce pro Mozillu je množství talentu, který mě obklopuje; James Long je jedním z těchto lidí. Zdá se, že James ví o softwarovém inženýrství více, než by kdokoli pravděpodobně měl. Požádal jsem Jamese, aby napsal tutoriál zaměřený na plátno, který vám všem ukáže, jak vytvořit jednoduchou hru na plátně; daleko předčil očekávání, a to natolik, že jsem se nemohl odvážit to sem poslat znovu. Níže je shrnutí jeho epického příspěvku; prosím přejděte na jeho stránku pro celý příspěvek!
Prvek canvas byl zaveden s HTML5 a poskytuje API pro vykreslování na webu. Rozhraní API je jednoduché, ale pokud jste ještě nikdy nepracovali s grafikou, může to trvat trochu si zvyknout. V tuto chvíli má skvělou podporu napříč prohlížeči a dělá z webu životaschopnou platformu pro hry.
Použití plátna je jednoduché:stačí vytvořit <canvas> tag, vytvořte z něj kontext vykreslování v javascriptu a použijte metody jako fillRect a drawImage v kontextu k vykreslení tvarů a obrázků. API má mnoho metod pro vykreslování libovolných cest, aplikaci transformací a další.
James se ve svém článku chystá vytvořit 2D hru s plátnem; skutečná hra se skřítky, animacemi, detekcí kolizí a samozřejmě výbuchy! Co je to hra bez výbuchů?
Přečtěte si ukázku PostViewJames bude svůj příspěvek v nadcházejících týdnech a měsících aktualizovat (přidávat funkce, opravy atd.), takže si jej nezapomeňte uložit do záložek a často jej kontrolovat!