Спирограф на JavaScript Canvas

circles

Красивый спирограф на JavaScript Canvas, идею которого я подсмотрел у Carlos Cabo является примером бесконечного «живого» рисунка и, несмотря на кажущуюся сложность, достаточно прост.

Общий принцип
Имеется три окружности — 1, 2 и 3 — по убыванию радиуса. Центрами окружностей 2 и 3 являются новые точки окружностей 1 и 2 соответственно, т. е. центры постоянно смещаются. Каждая окружность отрисовывается с определенной скоростью: чем меньше окружность — тем больше скорость. Каждая точка окружностей 2 и 3 связана линией с центром.

Прочитать остальную часть записи »

Последние публикации