2

Отрисовываемая линия выходит угловатой если рисовать слишком быстро. Как осуществить сглаживание на лету, чтобы линия была более естественной?

красная отрисована с использование ccDrawLine, черная ccQuadBezier alt text
(источник: cs417423.vk.me)

2 ответа 2

4

Для рисования линии сглаженной, есть специальный алгоритм - Алгоритм Ву. Там есть описание, как его реализовать.

Но похоже Вы делаете другое - простой графический редактор. И пользователь, проведя мышкой, должен получить <strike>ровную</strike>красивую кривую. Для этого, в процессе того, как пользователь рисует, нужно запоминать точки. Саму кривую рисовать в виде "ломанной кривой". Но когда пользователь отпускает мышку, берутся все сохраненные точки, с помощью кривых безье просчитываются красивые переходы и кривая отрисовывается. Если отрисовка достаточно быстрая, то просчитывать новую кривую можно на каждое движение мышки.

Да, при очень длинных кривых считать нужно будет долго, поэтому начало кривой кешируется, а просчитывается только конец.

Я рекомендую начать с простого запоминания точек от нажатия до отпускания, а по факту отпускания рисуйте красивую кривую.

6
  • Да сразу рисовать на лету красивую))
    – Define
    Commented 13 мая 2013 в 8:53
  • по идее у меня так и происходит - при появлении события onMove, то есть движение нажатой мыши/тача он рисует линию от последней до текущей точки. Но при быстром движении получаются угловатости. Как это решить? Commented 13 мая 2013 в 9:19
  • если рисовать от последней до текущей, то шероховатости будут. Что бы избежать их, нужно помнить хотя бы 3-4 последние точки.
    – KoVadim
    Commented 13 мая 2013 в 9:20
  • запоминать точки не проблема. Но как в таком случае отрисовывать Безье для этих четырех точек. у меня в качестве параметров для рисования линии безье используется четыре параметра - начало, контрольная точка, конец, количество сегментов. Контрольная точка на данный момент находится в середине между началом и концом. Commented 13 мая 2013 в 9:50
  • вот посмотрел в msdn - там просто нужно передать массив точек, оно все само нарисует. Никаких контрольных точек. Но эти линии будут проходить не объязательно по точкам. Если нужно что бы было строго по точкам, тогда нужно применять к примеру сплайны. Вот интересная статья.
    – KoVadim
    Commented 13 мая 2013 в 10:01
2

Предлагаю альтернативу, вместо того, чтобы читать событие onMouseMove попробуйте определять положение мышки (в состоянии "рисую плавную линию" после нажатия левой кнопки вниз) в Таймере с очень маленьким "шагом", минимально в 1 мс. Исхожу из того, что событие onMouseMove не успевает "прочитать" каждое из положений мыши при быстром движении в силу особенностей сообщений.

9
  • вариант хорош, но как тогда передавать координаты? Commented 14 мая 2013 в 7:39
  • в виндовсе это BOOL GetCursorPos( LPPOINT lpPoint );, правда возвращает в системе координат экрана, но зная координаты клиентской области, можно легко исчислить в ней.
    – asianirish
    Commented 14 мая 2013 в 8:12
  • осуществлять доступ из-под lua к координатам экрана устройства - не лучший выбор я думаю. Commented 14 мая 2013 в 8:32
  • а почему бы и нет?
    – asianirish
    Commented 14 мая 2013 в 9:01
  • в чем ее странность? Не декартовы что-ли? Чтоб не запутаться лучше перевод в систему координат сделать в отдельной функции (или что там у вас в луи?), а потом легко и просто ее вызывать, задавая в аргументов "родные" координаты луя
    – asianirish
    Commented 14 мая 2013 в 9:23

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.