Какие технологи используются для этого сайта?

Question

[Александр]

Сам сайт

Очень красивый сайт и один из самых интересных, что я видел.
Подскажите, как пишутся такие сайты, какие технологии используются, это front end или full stack. Какие языки для его написания необходимы?

Answer 1

[Heorhii]

Modernizr
https://builtwith.com/

Comments

[Александр Аксентьев]

Ну что вы несёте-то)))
https://modernizr.com/
Посмотрите что это такое хотя бы :)

Answer 2

[Александр Аксентьев]

паралакс + three.js какой-нибудь явный 3d рендеринг тут.

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

Так что они только годятся для awwwards откуда вы его и достали :)

front end или full stack

теплое с мягким в кучу смешали.

Comments

[Станислав Б]

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

Убунта + хром + GeForce GT 610 + i5-6600 = 1 фпс с жутким отставанием. я даже не понял про что сайт

[Александр Аксентьев]

Станислав Б, про то и речь)

Answer 3

[Ivan Bogachev]

Какие языки для его написания необходимы?

HTML, CSS, JS, GLSL. В целом тут все строится на WebGL (Three.js будет хорошим подспорьем) и CSS-анимациях (которые можно по-быстрому вкрутить туда через CSS3DRenderer). Есть любители делать все на WebGL, но это сложно, ведет к костылям и тормозам. Дальше нужно сделать 3D-модели для всего, долго расставлять все по сцене, добавить немного физики, написать пару фрагментных шейдеров, которые размылят картинку где это необходимо, и двигать камеру по сцене. Самое главное тут - производительность, которая сильно зависит от прямых рук разработчика и его способностей к написанию алгоритмов своими руками и последующей оптимизации. Большинство таких сайтов имеют проблемы с производительностью, но обычно это следствие горы скриптов, которые принесли в проект тупой копипастой (часто это чьи-то эксперименты с CodePen, которые никто и не начинал доводить до ума - они показывают идею, но аццки тормозят). Ну и про замысел не стоит забывать - с этим обычно сложнее всего.