При установке прозрачного фона в Canvas, анимация начинает оставлять следы

Question

Анимация прекрасно работает, когда я устанавливаю любой цвет фона.Но когда я ставлю прозрачный фон, анимированные «волны» начинают оставлять следы.Как я могу это исправить?

https://codepen.io/obiwan-kenobi/pen/JebWjG

ctx.fillStyle = 'rgba(255,255,255,0)'; 
ctx.fillRect.apply(ctx, _toConsumableArray(bounds.params)); 

введите описание изображения здесь

Answer 1

Он оставляет следы, потому что вам нужно перерисовать измененные области вашего холста или, проще, перерисовать всю сцену.

Вы используете карандаш и рисуете каждый кадр на одном и том же листе бумаги, не используя свой ластик. Вот почему. :)