StageXL na Devfest Prague 2014
Když jsem před 15 lety říkal, že Flash je mrtvej, nikdo mě nebral vážně. A vidíte? Už je to tu!
StageXL je poslední hřebíček do jeho rakve. A ten chlap z rádia říkal, že jsem pošuk. Tak kdo je teď pošuk?!
StageXL je Dart knihovna pro tvorbu 2D “Flash-like” hejbatůr nad Canvasem nebo WebGL. Údajně je napsaná tak, aby Action skriptařům nedělalo větší obtíže na ní přejít. Což neposoudím, ale určitě nedělá problémy mě, který k Action Scriptu v životě nečuchnul.
Pokud vás zajímá Dart a vývoj pro WWW, neměli byste si nechat ujít můj StageXL workshop na letošním DevFest.
Online demo
Kromě demíček, která najdete na stránkách knihovny, pro vás mám ještě ukázku z reálného nasazení. Je to čtveřice jednoduchoučkých hříček, které jsem psal právě ve StageXL.
Demíčka ukazují jen tu “canvas” část. Canvas nebyl ve skutečnosti fullscreen, byl zasazený do designu webu, nevyskakovali z něj Javascriptí alerty, ale vkusné overlaye apod. A kolem toho si představte ještě spoustu Facebooku a všeho toho co vás nezajíma ale nás to živí. Ukazuju vám čistě jen tu StageXL část - chirurgicky vyříznutou ze zbytku webu.
Co to umí:
- pozor, vyluzuje to zvuky (NSFW)
- při prvním pokusu prohrajete, při druhém se pustí animace výhry
- chová se to responzivně:
- portrait / landscape - změny se projevují instantně
- rozlišení - to se detekuje jen při startu (a podle toho to podklady v různém rozlišení)
- druh zařízení - také detekuje jen při startu (na touch zařízeních jsou větší ovládací prvky)
- přes JS callbacky to komunikuje se zbytkem webu
- v reálu to přes REST API komunikuje se serverem o tom, co hráč udělal
Tak hrajem!
- Kola - natočte kola na správnou kombinaci.
- Váhy - kolik sušek vyváží hrst diamantů?
- Klíče - který klíč otevírá dveře?
- Trezor - jaký kód otvírá trezor?
Co budete potřebovat na workshop
Postačí vám DartEditor, ovšem alespoň základní znalost Dartu je pochopitelně vhodná. Všechno ostatní už upečeme na místě. Doufám, že budeme online.
Credits
Autorem konceptu her je agentura Buzzman.