1.Настройка canvas - получение контекста и установка размеров под окно браузера.
2.Анимационный цикл - функция draw(), вызывающая сама себя через requestAnimationFrame.
3.Динамические точки - 20 точек, вращающихся по кругу с пульсирующим радиусом.
4.Цветовая гамма - использование HSL для плавного изменения цветов точек.
5.Эффект постепенного исчезновения предыдущих кадров.
ctx.fillStyle = 'rgba(0,0,0,0.1)' - устанавливает черный цвет с прозрачностью 10%
ctx.fillRect(0,0,c.width,c.height) - заливает весь canvas полупрозрачным черным прямоугольником
При каждом кадре поверх предыдущего изображения накладывается этот полупрозрачный слой.
Старые позиции точек постепенно затухают, создавая плавные хвосты.