Как создают подобные сайты?

Question

[BB 8]

Раз
Два
Три

Добрый вечер. Как вообще создавать подобные сайты ?? Существуют книги/пособия, чтобы создавать подобное ? Какого уровня webGL/Three нужно достичь для подобного ??

Comments

[Rustam Bainazarov]

jQuery 1.9 :))

P. S. WebGL, JS, ThreeJS.

[fdroid]

А для чего вообще нужны такие сайты? Информационной ценности ноль, художественной тоже не представляют. Только "потому что могу"?

[BB 8]

fdroid, для рекламы какого-то продукта/сервиса

Answer 1

[GreatRash]

Идете на сайт https://threejs.org/examples/ - смотрите там тонну примеров. По CTRL+U читаете код примера.
Алсо вот отличный туториал.

Comments

[BB 8]

Годный туториал. Спасибо

Answer 2

[Dima Polos]

WebGL, Three.js, Vertex & Fragment Shaders... + Canvas + mindblowing fantasy + analytics and math skills.
Поищите на YouTube: Юра Артюх.

Answer 3

[Максим]

Там canvas - инспектор откройте ...а как рисуют это уже мастерство

Answer 4

[Максим Тимофеев]

Какого уровня webGL/Three нужно достичь для подобного ?

А при чем тут webGL? Или Three.js? Что бы делать такие сайты надо прочесть много разных книг. По дизайну, по css, по js, canvas, svg и т.д. И совсем не обязательно,но не лишним будет и webGL конечно. Но в последнюю очередь.

Comments

[Dima Polos]

Смотря какой сложности анимация, потому как webGL все-таки благодаря видеокарте получает прирост в производительности и снижает нагрузку на CPU.

[Максим Тимофеев]

Dima Polos, это понятно. Как это связано с приведенными сайтами?

[Dima Polos]

Максим Тимофеев, да как-то может быть) Я лишь дополнил ответ, согласен, что не все анимации нуждаются в канвасе и особом ускорении.

Answer 5

[Nixtone]

svg анимация же

Answer 6

[Ꮖɦɛօռ]

Для этого нужно быть мастером-программистом по веб-разработке. Только и всего.

Answer 7

[lotse8]

Везде JavaScript