Суббота, 04 октября 2014 00:00

Lazy Line Painter

Оцените материал
(3 голосов)

Lazy Line Painter - A JQUERY PLUGIN FOR SVG PATH ANIMATION - отличная иллюстрация возможностей масштабируемой векторной графики вкупе с несколькими плагинами, берущими начало от фреймворка jQuery.

Dev banner 2

 

Результат работы Lazy Line Painter способен смотреться весьма эффектно... не правда ли? - разумеется, в том случае, если вы умеете рисовать несколько лучше, чем незадачливый автор этих строк, люто ненавидевший в школе уроки рисования. Вернее - вы должны не просто уметь рисовать; необходимо владеть тем или иным набором инструментов для работы с векторной графикой. Умеете? - отлично; в этом случае все несложно. Вы открываете свой Adobe Illustrator, или - линуксовый Inkscape, или... или просто SVG-editor на Google, и - творите! От вас требуется всего лишь набросок - и, как видите, результаты могут быть весьма впечатляющими. SVG-editor выдает нам недлинный (длина зависит от подробности и тщательности вашего рисунка) код, который мы сохраняем в файл с расширением svg на рабочем столе компьютера; затем - направляемся на страничку Lazy Line Painter. Создатель проекта заготовил для нас с вами SVG to Lazy Converter; мы скармливаем программному монстру наш крохотный (учтите, не более 40 kb) svg-файлик, тут же получаем взамен другой код... которым надо просто-напросто заменить часть кода, содержащегося в index.html демки, загруженной нами отсюда же, с этой странички. Получилось? Да, вы правы; все очень несложно... в том случае, разумеется, если умеешь рисовать.

 

Внимание, информация устарела. Lazy Line Painter, по-видимому, умер, ссылка на сайт разработчика удалена из текста статьи. Жаль, это был классный проект и действительно интересная разработка.

Немного более информации - клик по тегу Lazy Line Painter в нижней части странички.

 

Код, работающий на данной страничке, вы можете увидеть на форуме. В принципе, он отличается от кода демки только тем, что содержит иной вектор, ну и - еще рядом очень незначительных деталей... возможно, кому-то пригодится сравнить, чтобы соорудить нечто подобное. Enjoy!

Последнее изменениеПонедельник, 17 июля 2023 04:30

Оставить комментарий

Добавьте ваш комментарий

ReactJS