Slidery w Three.js

Zrobiłem video-slider w Three.js: https://hex13.netlify.app/videoslider.html

Ładuje on videa, a potem renderuje do tekstur (używam WebGLRenderTarget i postprocessingu w Three.js), no i miesza w shaderze, tak, że przejście z jednego filmu odbywa się za pomocą efektów specjalnych.

Takie tam. Choć ładnych kilka godzin nad tym spędziłem. Jest quasi tutorial do tego, ale to tylko ogólny opis techniki. Przydatne, ale skrótowe, trzeba dużo główkować samemu, żeby wyglądało i działało to dobrze, biorąc pod uwagę choćby cały boilerplate, jaki musiałem napisać w Three.js oraz kwestie typu usuwanie problemów z ładowaniem filmów czy obsługa eventów na różnych urządzeniach.

Dało radę zrobić, ale szczerze mówiąc jeśli miałbym to zrobić coś podobnego kolejny raz, to wolałbym nie robić tego od zera, a mieć już jakiś szablon czy silnik do robienia sliderów/karuzeli, coś co już działa out of the box i jest już dobrze przetestowane i co wystarczy lekko dostosować, żeby działało i było fajne. No i planuję coś takiego zrobić, taki silnik sliderów w Three.js.

Komentarze

Popularne posty z tego bloga

Ściemy z ogłoszeń o pracę

Jak nie sprawdzać wiedzy technicznej: platformy online

Jak zrobić prostą grę w JavaScript?