Как сделать такое на canvas?

Question

[Jesse Pinkman]

Здравствуйте!
Подскажите пожалуйста годные мануалы по канвасу, что бы сделать подобное: Гифка

В интернете очень много инфы, но не все они годные, а часть легаси, другая часть - индус с легаси)

Пожалуйста, порекомендуйте годные статьи по канвасу

Так же, если у вас есть похожая демка на то, что в гифке - буду благодарен если поделитесь!

Answer 1

[Сергей Соколов]

Эффект наз. starfield, вот разбирают как сделать на canvas. В простом виде: летят точки. Для красоты надо их сделать меньше числом, но каждой добавить размытие-свечение.

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

Используя полупрозрачность и режимы наложения, можно отрисовав кругов 20 получить интересные эффекты:

Comments

[Jesse Pinkman]

Спасибо Вам большое!