Addon Smoke: add colored trail on mouse move
Аддон “Smoke” добавляет одноименный шорткод, который
рисует цветной след (как на этой странице) либо “выстреливает” облако
(клубы пара) вслед за движениями мышки.
Так как рисование производится с помощью языка программирования видеокарт WebGL на канве, располагающейся “под” всеми элементами страницы, то при наличии на странице такого шорткода автоматически убирается фоновая заливка страницы и дефолтная заливка в секциях, для которых явно задана цветовая схема.
Начиная с версии ThemeREX Addons 2.18.2 эффекты этой группы можно использовать не только как фон страницы, но и как фон колонки или секции. При этом на странице теперь может быть более одного такого эффекта.
На данный момент доступны три эффекта:
- smoke – цветной (переливающийся) след за курсором мыши, напоминающий маслянные разводы на воде – показан на этой странице
- fog – периодически “выстреливающие” в направлении движения мыши клубы дыма (пара) – эффект добавлен в качестве образца, чтобы разработчики имели пример, по которому смогут добавлять свои новые эффекты (если понадобится)
- spots – цветные пятна, которые могут перемещаться по канве с разной скоростью (по случайной траектории), при этом переливаясь, меняя форму и прозрачность.
Параметр “Image” задает изображение, которое:
- для эффекта “smoke” используется как цветовой фильтр
- для эффекта “fog” задает форму и текстуру пятна дыма. Для этого эффекта также доступен параметр “Repeater“, который указывает количество наложений картинки (каждое наложение выполняется со случайным смещением и поворотом)
Внимание! Если параметр “Use image” включен, а изображение не выбрано – будет использовано дефолтное изображением (для каждого вида эффекта свое).
Параметр “Background color” задает фоновый цвет холста, на котором производится рисование.
Параметр “Tint color” для эффекта “Fog” задает цвет “тонирования” дыма, а для эффекта “Smoke” – цвет, который суммируется с фоновым, для получения однотонного дыма (но результирующий цвет зависит от многих факторов и не всегда будет равен цвету тонирования)