Как сделать движущиеся фигуры на заднем фоне?

Question

[Роман Тузов]

Как сделать, чтобы при движении мышки и фигуры на заднем фоне двигались? Допустим это будут треугольники, раскиданные на заднем фоне. Я двигаю мышку в одну сторону и эти треугольники так же будут передвигаться. Думаю, примерно я смог описать, что хочу видеть. Не могли бы вы подсказать как это делается и, желательно, скинуть видео или статью на эту тему.

Answer 1

[Виталий Першин]

Ищите по ключу parallax
Вот одна из самых популярных:
https://matthew.wagerfield.com/parallax/

Comments

[Роман Тузов]

Понял, спасибо

[Роман Тузов]

А можно как-то более подробнее помочь в этом? На примере вот этого сайта хочу https://itproger.com/
На главной странице, когда двигаешь мышкой, двигаются и объекты справа

[Виталий Першин]

Hutson, Вот документация подробная https://github.com/wagerfield/parallax
Скачайте весь репозиторий, зайдите в папку с примерами, копируйте к себе в проект все как в примере. Когда пример заработает в вашем проекте изучайте его и подстраивайте под свои нужны. Либо сразу по документации делайте.

[Роман Тузов]

Виталий, Примеры, к сожалению, почему-то не работают, они ничего не показывают

[Виталий Першин]

Hutson, Просто пути неправильно прописаны, нужно в этом разбираться.
Создал пример в песочнице: https://codepen.io/get-web/pen/PowGJXv

[Роман Тузов]

Виталий, Большое спасибо!