Python týden ITnetwork summer 2020
Pouze tento týden sleva až 80 % na e-learning týkající se Pythonu
80 % bodů zdarma na online výuku díky naší Letní akci!

WebGL a BabylonJS - 3D webová hra

Vytvoř si vlastní webovou hru

Lekce 1

Vytvoř si vlastní webovou hru

V sérii článků ti ukážu, jak si můžeš vytvořit jednoduchou webovou 3D hru pomocí WebGL frameworku BabylonJS.
Napsal Pavol Hejný
Zdarma Zobrazit popis
Vylepšování základní scény

Lekce 2

Vylepšování základní scény

V tomto článku ukážu, jak na zarovnání do mřížky, mazání krychlí pomocí pravého tlačítka myši, materiály a hover efekt jako v css.
Napsal Pavol Hejný
ZdarmaNehodnoceno Zobrazit popis
Stav hry

Lekce 3

Stav hry

V předchozích dvou článcích jsme stav nechávali přímo v Babylon scéně. V tomto díle ho přesuneme do Redux store.
Napsal Pavol Hejný
Zdarma Zobrazit popis
Zpět a Vpřed

Lekce 4

Zpět a Vpřed

Abychom plně využili potenciál webové aplikace, uložíme její stav do URL a zprovozníme prohlížečová tlačítka zpět a vpřed.
Napsal Pavol Hejný
ZdarmaNehodnoceno Zobrazit popis
TypeScript

Lekce 5

TypeScript

Jednotlivé soubory přepíšeme do TypeScriptu a propojíme pomocí exportů a importů. Celá hra se tím stane mnohem ucelenějším projektem.
Napsal Pavol Hejný
ZdarmaNehodnoceno Zobrazit popis
Uživatelské rozhraní

Lekce 6

Uživatelské rozhraní

Zatím jsme vše zobrazovali pouze do 3D scény. Teď přidáme i 2D uživatelské rozhraní, kde si bude moci uživatel vybrat barvu nově vytvářených krychlí.
Napsal Pavol Hejný
ZdarmaNehodnoceno Zobrazit popis
Nasazení na server

Lekce 7

Nasazení na server

Teď máme vyrobenou jednoduchou kostičkovou webovou hru. V posledním článku ukážu pár věcí na doladění a to, jak můžu vše průběžně nasazovat na produkci.
Napsal Pavol Hejný
ZdarmaNehodnoceno Zobrazit popis

Hotové 3D hry

WebAppGames

WebAppGames

Kouzelnický kostičkový a fyzikální sandbox přímo na webu. Hra, kde můžete pomocí kouzel vytvářet i ničit.
Napsal Pavol Hejný
 44xZdarmaVydáno: 2017 Zobrazit popis


 

Aktivity (6)