Women's day interactive animation | Canvas & JavaScript | Only code

Моя попытка создать интересную анимацию на 8 марта)
В исходниках для себя вы можете найти полезным функцию генерирующую путь в виде цифры 8 и другую функцию создающую путь в виде сердца используя синус и косинус, а так же метод получения дистанции между 2-умя точками с погрешностью в 5%, но при этом работающий на 50-70% быстрее Math.hypot
Исходники / sources:
CodePen - codepen.io/ThreePixDroid/pen/...
GitHub - github.com/ThreePixDroid/wome...
zip - doc278773966_589623974...
Интересное:
Анимация градиента : • Canvas JavaScript | Bl...
Гексагональная сетка : • Generative Art | Перем...
Молния : • Lightning with Vanilla...

[@grishatimin]

Балдёшь, балдёшь)0))) Спасибо за код и за идею) Мне нравится новая минималистичная заставка перед видео 😄

[@ThreePixDroid_RU]

пожалуйста)
короткая заставка к короткому ролику)

[@kotiko_oks]

Ставлю лайк не глядя, ты лучший 😊
И обязятельно досмотрю до конца

[@ThreePixDroid_RU]

Спасибо)

[@dvladyko8258]

Спасибо за видео!
Лучшая открытка, которую можно получить

[@ThreePixDroid_RU]

Спасибо !)

[@pavelarseyev452]

Спасибо за видос. Как всегда - лайк. Очень повеселила "очень полезная функция" :) А можешь попробовать поэкспериментировать с музыкой? А то эта какая-то нагнетающая, даже за три минуты видео чуть напрягать начала.

[@ThreePixDroid_RU]

Спасибо)

[@Hehkold]

как это чудо запустить) точнее через что

[@ThreePixDroid_RU]

Привет. через браузер + локальный сервер.

[@Hehkold]

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

[@ThreePixDroid_RU]

@@Hehkold Хорошо, завтра скину тебе сюда ссылку.

[@Hehkold]

@@ThreePixDroid_RU пасиба)

[@ThreePixDroid_RU]

@@Hehkold Держи : codepen.io/ThreePixDroid/pen/BaQOMjP