@DarkMiike

Несколько идентичных canvas анимаций на одной странице?

Помогите пожалуйста, в верстке новичок, с canvas пока не умею работать. Есть фон, на котором изображено окно, приоткрытое посередине... И есть canvas анимация, имитирующая капли дождя. Моя задача - наложить этот эффект дождя только на те части изображения, где есть стекло (получается примерно 45 процентов слева, и 45 процентов справа, середина с "приоткрытым окном" должна быть соответственно без дождя).

Вот код:
https://codepen.io/IgorMilton/pen/YzZjbRr

Сперва пытался наложить на изображение целиком - не получается оставить "пустой" середину, дождь идет по всему изображению... Сейчас сместирил дикие грабли - на фон сделал три изображения через флексы, и наложил canvas на первое изображение шириной 45%. Соответственно сейчас дождь есть на левой части окна, осталось добавить его на правую часть, оставив середину без анимации, хотя это конечно дикие грабли, и думаю, что можно просто наложить эффект дождя на нужные фрагменты изображения целиком (без середины фона).
Помогите пожалуйста.
  • Вопрос задан
  • 101 просмотр
Решения вопроса 1
RAX7
@RAX7
Библиотека RainyDay.js достаточно старая, поэтому придется делать вот таким костыльным способом.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы