Začít projekt

Mighty Fossils

Dávné světy oživené ve 3D a AR pro Mighty Fossils

  • UX/UI
  • 3D
  • AR
Notebook s úvodní obrazovkou Mighty Fossils — mosasaurus plující prosluněnou vodou nad nápisem „Explore Earth's history with interactive timeline“ — přičemž zvíře vystupuje ven za okraj displeje.
Doba trvání
2 měsíce
Technologie
React, Redux, Three.js
Platformy
iOS, Android, web
Účel
Neziskový, vzdělávací

Ve zkratce

Dávná stvoření k prozkoumání skrze dechberoucí 3D modely, ilustrace a rozšířenou realitu.

S pomocí nejnovějších technologií jsme vytvořili web s interaktivním 3D a AR. Uživatelé si můžou vyzkoušet vzrušení z paleontologické rekonstrukce a objevovat tvory, kteří vyhynuli před miliony let.

Tohle pohlcující pravěké dobrodružství jsme zpřístupnili napříč zařízeními, prohlížeči i platformami, aby tajemství dávného světa mohl objevovat opravdu každý.

Výřez interaktivní časové osy: rekonstruovaní triasoví mořští tvorové nad barevným pruhem, který značí perm, trias a juru.

Výzva a řešení

Záměrem tohohle webu bylo ukázat talentované autory, kteří 3D modely a ilustrace vytvořili. Protože pro uživatelský zážitek je zásadní plynulé rozhraní, dbali jsme na to, aby se web snadno ovládal.

Zobrazovat 3D animace online je náročné, přesto se nám podařilo vyvinout software, který běží plynule a zařízení uživatele nepřetěžuje. Web je navržený responzivně a přizpůsobivě, takže funguje na široké škále zařízení, prohlížečů i platforem.

Notebook se scénou z křídy — mosasaurus a velká pancéřnatá ryba nad útesem, s popiskem Protosphyraena — po stranách doplněný dalšími dvěma scénami z jiných období.

Jak to vznikalo

Důležitou částí projektu byla neustálá optimalizace bohatého grafického obsahu. Dalším tématem byla plná přizpůsobivost a přístupnost webu. Architekturu jsme přitom museli postavit tak, aby se web snadno udržoval a obsah dal pohodlně spravovat.

Abychom tyhle klíčové cíle zvládli, začali jsme jasnou vizí a strategií pro strukturu, vzhled i funkce webu. Práce s 3D modely nakonec našeho partnera nadchla a náš tým dál hledá cesty, jak web posouvat dál.

Telefony a tablety rozložené na olivové ploše, každý se scénou z jiného geologického období — kambrium, devon s dunkleosteem, silur, perm a trias.

Technologie

Software, který jsme vytvořili, spojuje několik technologií. React jsme použili pro vývoj front-endu a uživatelského rozhraní. Celkové řešení stojí na JavaScriptové knihovně. Díky AR komponentě působí dávní tvorové, jako by stáli přímo vedle vás.

Ke správě toho, která data se uživatelům zobrazují a jak se ukládají a aktualizují, jsme použili Redux. Three.js jsme nasadili na vykreslování 3D animací a modelů, což umožnilo poutavě zobrazit dynamickou grafiku. Výsledkem je responzivní web s plynulými vizualizacemi a realistickými animacemi.

Pojďme spolu
postavit něco,
co dává smysl.

office@qubixstudio.comŘekněte nám, na čem pracujete. My se ozveme s tím, jak bychom to uchopili. Bez závazků a bez prodejních triků.