Как называется такой тип сайтов? или как можно самому сделать такой механизм?

Question

[danil_linkins]

Хочу сделать сайт на подобии этих: osomstudio.com , https://www.brightlabs.com.au/
Подскажите пожалуйста, можно ли найти такой шаблон сайта или как это можно сделать самому?
Или хотя бы название самого механизма.

Comments

[Ярослав Иванов]

Любители искать везде шаблоны и готовые плагины. Открываете Devtools и вперед.

[danil_linkins]

Ярослав Иванов: Да я бы и сам с радостью сделал, просто хочу понять как.

[oops-wrong]

Любителям пилить велосипеды посоветовал бы все-таки сначала гуглить :)
Автор правильно сделал, что обратился за помощью к сообществу.

[Ди Ма]

Там еще canvas у них. Готовых клевых элементов как-раз под нужный сайт- не найдешь.
Но если есть какой-нибудь Corel и немного куришь джаваскрипт, то можно делать восхитительные штуковины)

[Алексей Джо]

Если речь не о fuulpage
элементы первого сайта легко реализовать на канвасе с перерисовкой по таймеру для готовых изображений:
с помощью translat'a - вращать шестеренки.
Для движения с исчезновением нужно просто использовать globalAlpha в зависимости от кол-ва итераций с начала движения. Простое движение - элементарно.
Вот примеры:
https://fiddle.jshell.net/wdrenju/yf8mt69k/
jsfiddle.net/z3azsn5a/3

хотя для большей производительности лучше использовать 2д движок на web.gl (pixi.js например)

Answer 1

[Ivan Bogachev]

Вы имеете в виду fullpage.js?

Answer 2

[oops-wrong]

Такой прием можно найти по запросу "full page slider".
Вот, например, одноименная библиотека alvarotrigo.com/fullPage

Answer 3

[Виктор П.]

Касательно первого сайта - посмотрите отличную книгу "Графика на javascript" издательства O'Reilly. Там очень круто рассказывается про это вот всё с нуля. Если хочется запилить что-то несложное по быстрому, то есть куча библиотек, например, зайдите на сайт spritely.net