Как создаются подобное творение!?

Question

[Вика Мармеладка]

Ребят с помощью чего делаются подобные творение? Кто их делает? Я просто улетаю в космос когда смотрю их. Не надо все прям расписывать просто по фактам и этапам четко!

ВОТ НЕСКОЛЬКО
www.takeitapp.co/en
https://www.sirinlabs.com
www.space-advisor.ca/en

Answer 1

[Антон Мудренок]

Я не совсем понял, это реально вопрос или просто пост восхищения.

Ребят с помощью чего делаются подобные творение?

Поставьте плагин под хром, wappalyzer и посматривайте на чем это все сделано.
+ Научитесь пользоваться dev tools и смотрите как. Вот вам пример чувачка, который несколько таких сайтов разбирает:
https://www.youtube.com/watch?v=-N3e4U393Q0
https://www.youtube.com/playlist?list=PLkEZWD8wblt...

Для того, что бы научиться самому такое(как, например, на сайте по второй ссылке) делать, надо перелопатить кучу информации/туториалов/книг и написать не одну тысячу строк кода.

Кто их делает?

Обычно это забугорные студии, которые под такое заточены, а иногда слезами местных разработчиков. На том же awwwards же указывается кто сделал. Да и на самом сайте обычно в футере никто не стесняется писать.

Answer 2

[Павел Гоголинский]

Вот две очень популярные библиотеки для таких эффектов
scrollmagic.io
greensock.com

Answer 3

[Omniverse]

С помощью различных js-библиотек.

В первом случае что-то вроде scrollreveal или wow js + animate css.
В третьем - графическая библиотека для js - WebGL

Comments

[HamSter]

а где там WebGL? В 3 даже главную надпись не svg сделали, а обычной сменой фона), параллакс есть и по мелочи плагины какие-нибудь, а так все css

[Антон Мудренок]

HamSter: поищите, он там точно есть. У мня хром после обновления 8 из 10 раз не запускает сайты с webGL и на этом у меня такое: YOUR BROWSER MUST SUPPORT WEB GL TO TRAVEL IN THE GALAXY. FOR MORE DETAIL...

[HamSter]

Антон Мудренок: ок, может быть фон так решили реализовать