Sign in

Зарегистрируйтесь, чтобы стать полноправным участником сообщества Masterpro.ws.

Lazy Line Painter

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

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

 

 

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

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

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