Техническое задание: Эффект RGB-дыма для WordPress

Цель проекта

Разработать и интегрировать на существующий сайт, работающий на CMS WordPress, уникальный анимированный визуальный эффект. Эффект должен имитировать плавно движущийся и переливающийся дым в RGB-палитре для создания современного и привлекательного визуального акцента.

Основные требования

  • Технология: Реализация с помощью чистого кода (HTML5 Canvas, CSS3, JavaScript). Использование сторонних тяжелых библиотек нежелательно, приоритет - производительность.
  • Визуал: Эффект должен соответствовать духу примера: плавные, полупрозрачные волны, динамически меняющие цвет по RGB-спектру.
  • Интеграция: Код должен быть корректно встроен в тему WordPress. Необходимо предусмотреть возможность вывода эффекта на конкретных страницах или в определенных областях (например, в шапке или как фоновый элемент).
  • Производительность: Анимация не должна негативно влиять на скорость загрузки сайта и общую производительность. Необходима оптимизация для разных браузеров и устройств.
  • Адаптивность: Эффект должен корректно отображаться и работать на экранах разных размеров (десктоп, планшет, мобильные устройства).
  • Управление: Желательно предусмотреть базовые настройки для администратора сайта (например, возможность включения/отключения эффекта, выбор зоны отображения).

Что необходимо предоставить

  • Чистый, закомментированный код для реализации эффекта.
  • Инструкцию по интеграции кода в тему WordPress.
  • Рекомендации по возможным настройкам (изменение скорости, плотности, цветовой гаммы).

Дополнительно

Пример визуального стиля эффекта будет предоставлен исполнителю в виде ссылки на видео-демонстрацию. За основу можно брать принципы, показанные там, но конечная реализация должна быть уникальной и адаптированной под веб-среду.