Technologie użyte na tych dwóch stronach

pytanie zadane 4 października 2018 w Offtop przez Greeenone Pasjonat (16,100 p.)

Hejka,

Czy ktoś może się orientuje co zostało użytego do stworzenia strony o patronusie oraz Hogwardzie na potter more?

Te strony są cudowne. Jestem ciekaw jakich technologii użyli do otrzymania takiego efektu.

Patronus

Hogward

2 odpowiedzi

odpowiedź 4 października 2018 przez gakowalski Gaduła (3,080 p.)
wybrane 4 października 2018 przez Greeenone

Najlepsza

Strony opierają się o autorskie rozwiązanie opracowane przez człowieka/ludzi z activetheory.net, które inkorporuje wszelakie technologie związane z HTML 5: od typowych CSS, JS przez WebGL, WebRTC i rozmaite inne. Z komponentów ogólnodostępnych udało mi się rozpoznać: ThreeJS (do grafiki 3D), Howler.js (do dźwięku) i babel-polyfill, aby zapewnić pełne wsparcie dla ES2015.

Nie zgodzę się z moim przedmówcą, @Tomek Sochacki, roboty programistycznej włożono w ten framework całkiem sporo (mam na myśli kod nie pochodzący z ogólnodostępnych bibliotek), aby designer i grafik mieli na czym oprzeć swoje fantazje.

komentarz 4 października 2018 przez Greeenone Pasjonat (16,100 p.)

Dziękuje za wyczerpującą odpowiedź ! :) Jeszcze tylko pytanie dot. patronusów. Jak myślisz? są to obiekty 3D, wideo czy coś innego?

komentarz 5 października 2018 przez gakowalski Gaduła (3,080 p.)

Obiekty 3D, serwis nie wczytuje żadnych plików wideo. Zamiast tego pobiera wiele plików JSON zawierających (jeżeli dobrze je odczytuje) opisy geometrii, ruchu, świateł. Pobierane są pliki PNG i JPG zawierające tekstury różnych obiektów. Zresztą, już po przyjrzeniu się jak wygląda kod tego ich autorskiego frameworka widać rękę osób zdecydowanie znających się na 3D i idących w tym kierunku a nie poszukujących rozwiązań uproszczonych.