Помогите пожалуйста, в верстке новичок, с canvas пока не умею работать. Есть фон, на котором изображено окно, приоткрытое посередине... И есть canvas анимация, имитирующая капли дождя. Моя задача - наложить этот эффект дождя только на те части изображения, где есть стекло (получается примерно 45 процентов слева, и 45 процентов справа, середина с "приоткрытым окном" должна быть соответственно без дождя).
Вот код:
https://codepen.io/IgorMilton/pen/YzZjbRr
Сперва пытался наложить на изображение целиком - не получается оставить "пустой" середину, дождь идет по всему изображению... Сейчас сместирил дикие грабли - на фон сделал три изображения через флексы, и наложил canvas на первое изображение шириной 45%. Соответственно сейчас дождь есть на левой части окна, осталось добавить его на правую часть, оставив середину без анимации, хотя это конечно дикие грабли, и думаю, что можно просто наложить эффект дождя на нужные фрагменты изображения целиком (без середины фона).
Помогите пожалуйста.
