Давным-давно, в далёкой-далёкой галактике (т.е. больше года назад и за пределами дефолт-сити) один web программист решил написать свой Flash (был он не без мании величия, конечно). Задача тогда казалась непростой и очень интересной. В данной статье пойдёт речь об одной из проблем, которые встали у него на пути.
Те, кто рисовал во Flash знают, что в нём фигуры (закрашенные области) в пределах одного слоя никогда не перекрываются, а линии всегда рисуются поверх закрашенных фигур. У такого подхода есть, на мой взгляд, хороший плюс — ты имеешь на изображении то, что видишь. Однако, при написании векторного редактора это приводит к необходимости решения задачи корректного наложения рисуемых объектов (линий и закрашенных фигур) на уже существующие. Ниже я попытаюсь поэтапно показать, как это можно сделать.
Рубрика «векторная графика» - 5
Свой Flash на HTML5: объединение векторных изображений (ч.1)
2015-03-30 в 13:20, admin, рубрики: flash, Алгоритмы, Блог компании NanoFL, векторная графика10 советов по прототипированию в Sketch
2015-03-28 в 10:30, admin, рубрики: invision, sketch, sketchapp, веб-дизайн, векторная графика, дизайн, интерфейс, интерфейсы, прототипирование 
Так как Sketch был создан специально для работы над мобильными и веб-интерфейсами, неудивительно что он стал одним из самых быстрых и гибких инструментов для прототипирования. Эти 10 советов сделают его еще более мощным средством.Читать полностью »
Компьютерная графика, онлайн-курс
2015-03-18 в 12:38, admin, рубрики: MOOC, stepic, Блог компании Stepic, векторная графика, компьютерная графика, обучение, онлайн-курсы, Работа с анимацией и 3D-графикой 
В MIT компьютерная графика – это 3D алгоритмы, в некоторых учебниках – это сборник описаний популярных графических редакторов, в кино – спецэффекты, на телевидении – оформление экрана. Всё это – увлекательно и любопытно, но что же такое компьютерная графика?
В разное время мне доводилось работать и с анимацией, и с трёхмерной графикой, и с полиграфией, и с веб, и с видео, причём в весьма различных формах. Двадцать лет я так или иначе чем-то таким занимался и не жалею об этом. И все эти двадцать лет у меня из головы не выходила одна фраза научного руководителя лицея, где в середине 90-х я учился этой самой компьютерной графике:
Вы, конечно, можете освоить инструменты, вы будете владеть программами. Тогда вы будете среди тех немногих, кто это сейчас умеет, но скоро настоящие профессионалы освоят компьютерные технологии, и вам придется тяжело рядом с ними. Поэтому не забудьте получить настоящую профессию, а все эти фотошопы и 3DS – лишь ваши инструменты, ваше конкурентное преимущество сегодня.
Но было и ещё одно обстоятельство, о котором явно не говорили: в какой-то момент я понял, что компьютерная графика «по специальности» – это ещё и биология, физика, и даже химия. И, конечно, математика. В этом посте я расскажу о трехнедельном открытом онлайн-курсе по основам компьютерной графики, который начался совсем недавно – 9 марта, – и попробую объяснить, для кого он сделан, зачем, почему такой, и как знания компьютерной графики помогают в жизни.
Читать полностью »
Помогите: «nanoCAD видит не всё, что создано в AutoCAD»
2015-02-17 в 8:55, admin, рубрики: CAD/CAM, DWG, lifehack, nanoCAD, Блог компании Нанософт, векторная графика, исправлениеПроснувшись с утра и налив чашечку кофе, заглянул в свой любимый на forum.nanocad.ru и обнаружил мольбу о помощи — мол, nanoCAD не отображает чертеж из AutoCAD. Точнее отображает, но не всё — «кто уже боролся с подобным явлением, подскажите рецепт»… Подозревая в чем дело, отложил кофе в сторону и загрузил DWG-чертеж для исследования.
Кому интересно чуть-чуть утренней нудности, добро пожаловать под Хабракат...Читать полностью »
Преобразование растрового графика в таблицу данных
2015-02-12 в 19:40, admin, рубрики: Easy Trace Pro, векторизация растровых изображений, векторная графика, обработка изображений, обработка научных данных, метки: Easy Trace Pro, векторизация растровых изображений, обработка научных данныхВведение
Такие задачи иногда возникают. Например, совсем недавно мне в руки попали данные натурного эксперимента, проводившегося 10 лет назад. Те графики, которые мне необходимы, оказались оформлены в виде… обычных растровых *.bmp-файлов. Таблиц со значениями среди материала по эксперименту не оказалось. А таблицы значений очень бы пригодились, ведь эти данные надо сравнить с моими результатами моделирования, а потом оформить всё это дело на должном уровне.
Эта проблема возникала ещё пару раз в прошлом. Например, когда я помогал моей любимой женщине делать курсовой по электрическим машинам — расчеты вели в Maple, а большинство расчетных данных имелись в учебнике Копылова в виде графиков. И это тоже растр. И много было попорчено крови, прежде чем нужные таблицы было вбиты нами в программу.
В общем, если у человека нет проблем, он их придумывает, чтобы успешно и героически их решать. Почесав затылок и вооружившись гуглом я стал искать не слишком болезненное решение задачи.
Понятно, что первый этап — растровые графики надо превратить в векторные. А из векторного формата, особенно если он открытый, числовые даные можно вытащить, маштабировать и превратить в таблицу.
Первым делом я опробовал Inkscape. Редактор этот я использую очень часто — несмотря на то что начало работы с ним давалось тяжело, на сегодня он — главный инструмент для рисования различных картин для статей, докладов и прочей научной документации.
Однако автоматические средства векторизации с задачей не справились, вернее справились, но не так как хотелось бы. Вполне возможно, что я не до конца разобрался с ними. В любом случае, попытки использовать Inkscape были оставлены на неопределенный срок и взор снова обратился к гуглу.
Ответ был найден… на ЛОРе! Ответом стал — Easy Trace Pro. По словам авторов эта программа — интелектуальный трассировщик картографических данных, и предназначена для векторизации карт.
Данная программа — проприетарное ПО для OS Windows, однако, вместе с платной версией 9 авторами предалагается полнофункциональная предыдущая версия — 7.99 для бесплатного скачивания и неограниченного использования. Кроме того, на сайте есть инструкция по запуску Easy Trace с помощью wine. Последнее я не пробовал — запустил виртуальную машину с виндой и установил бесплатную версию.
Результат превзошел мои ожидания. Возможно, использованная техника это очередной «велосипед», но она дала свои плоды, и если Вам это тоже интересно — прошу под кат.
Читать полностью »
Оформление научных результатов: интеграция LaTeX и Gnuplot
2015-02-09 в 16:57, admin, рубрики: Gnuplot, latex, open source, векторная графика, визуализация данных, оформление научных текстов, типографика, метки: Gnuplot, LaTeX, оформление научных текстов«Если ваш единственный инструмент — молоток, то каждая проблема становится похожей на гвоздь»
Абрахам Маслоу
Введение
Научное творчество само по себе процесс не тривиальный, требующий некоторого отрешения от внешнего мира. И нелинейный в плане распределения интенсивности во времени — порой проболтаешься впустую полгода, чтобы потом, в течение месяца-полутора решить большую часть беспокоящих тебя вопросов.
И вот, ты на 100% использовал возможности посетившей тебя «эврики», закончил основную работу и пришла пора опубликовать свои результаты в журнале, доложить их на конференции, да и просто порадовать своего научного руководителя/консультанта красивым отчетом. И ты приступаешь к мучительной фазе оформления статьи/доклада/отчета. И насколько мучительной будет эта фаза, зависит от того, какие инструменты ты решил использовать для этой работы.
Вспоминаю времена, когда молодым и глупым аспирантом, я писал первый вариант кандидатского «кирпича», предназначенный для тщательного «вычитывания» мной и моим научным руководителем. Тогда я не знал о формате EPS, а поэтому экспортировал графики, построенные в Maple в *.bmp-растр и вручную… обводил их в MS Visio для последующей вставки в Word. Были и другие, не менее топорные глупости. Не удивительно, что тогда я проклял всё, и дал себе слово следующую диссертацию писать совершенно по другому.
Путем последовательных итераций, на сегодняшний день я пришел к такому вот решению
И настало время отдать накопленный опыт людям. Интересующимся, добро пожаловать под кат
CAD для разработки снежинок: SnowFlaker
2014-12-27 в 9:52, admin, рубрики: CAD/CAM, Delphi, векторная графика, из пушки по воробьям, новогоднее 
Привет всем.
Да да, это CAD, для разработки снежинок, написанный мной за пару дней.
Предисловие.
Вырезая на днях очередную снежинку я задумался. Очень уж неудобно вырезать снежинку в слепую, разворачивать её, и убеждаться, что сделал не то что хотел.
Сначала я стал прибегать к карандашу. Сворачиваем снежинку, рисуем, вырезаем. Но мое воображение продолжало играть со мной злые шутки, я разворачивал и видел очередного уродца.
Почему бы не разработать CAD, чтобы поставить точку в этой ужасной несправедливости?
В статье не будет никакого процесса разработки и программирования. В ней я поделюсь с вами получившейся программой, и расскажу как ей пользоваться. Под катом много картинок.
Забрать сборку по win можно тут: sourceforge.net/projects/snowflaker/
Там же исходный код в GIT. Сборки под linux пока нет, но программа написана на fpc, и должна собираться и работать под linux-ом.
Читать полностью »
Evil Icons: как мы изобретали SVG-иконки
2014-12-11 в 9:41, admin, рубрики: svg, веб-дизайн, веб-разработа, Веб-разработка, векторная графика, векторные иконки, иконки, Иконосказ, Работа с иконками
Мы почти полностью перевели проекты на векторную графику, хотя еще полгода назад были адептами символьных шрифтов (шучу, не такими уж и адептами). В статье я расскажу с какими сложностями мы столкнулись в процессе, что из этого получилось, и почему вам стоит переходить на SVG уже в следующем проекте.
Читать полностью »
Чтение SVG в C++
2014-12-10 в 15:27, admin, рубрики: c++, mpl, open source, svg, templates, векторная графикаПри выборе формата хранения или обмена векторными 2D изображениями, SVG один из главных претендентов, благодаря открытости и распространенности. При всех его достоинствах, авторы, на мой взгляд, чрезмерно увлеклись удобством и гибкостью при создании документов, что привело к большой вариативности и избыточности, а, следовательно, и сложностью чтения. Кроме того, ради компактности были изобретены разные грамматики, встроенные внутрь XML, что тоже добавило головной боли программистам.
Сейчас есть несколько C/C++ библиотек, которые могут загрузить SVG и отрисовать его в растр, но это только малая часть возможных применений SVG в приложениях.
Я разработал C++ библиотеку, которая должна взять на себя реализацию большинства нюансов спецификации, предоставляя данные SVG в удобном виде. Читать полностью »
Цифровые актёры
2014-12-05 в 8:31, admin, рубрики: game development, Блог компании ASUS Russia, векторная графика, кинематограф 
В 2001 году на экраны вышел полнометражный анимационный фильм Final Fantasy: Spirits Within (Последняя фантазия: Духи). Из огромного бюджета в 145 млн долларов около трети было потрачено на приобретение серверов, рабочих станций и программного обеспечения. И особый упор создатели фильма уделили реалистичности моделирования живых персонажей. В то время это стало настоящим прорывом в области создания электронных актёров. Конечно, спутать с живыми людьми их было ещё нельзя, разница была уже невелика. И у многих актёров из плоти и крови возникли нехорошие предчувствия, которые озвучил Том Хэнкс вскоре после премьеры фильма: «Меня это очень тревожит, очень. Эта угроза надвигается и мы, актеры, должны, сплотившись перед ее лицом, что-то предпринять». С тех пор прошло 13 лет, технологии ушли далеко вперёд. Как же это отразилось на электронных актёрах, действительно ли стоило волноваться Форресту Гампу?Читать полностью »