Отрисовываемая линия выходит угловатой если рисовать слишком быстро. Как осуществить сглаживание на лету, чтобы линия была более естественной?
красная отрисована с использование ccDrawLine, черная ccQuadBezier
(источник: cs417423.vk.me)
Отрисовываемая линия выходит угловатой если рисовать слишком быстро. Как осуществить сглаживание на лету, чтобы линия была более естественной?
красная отрисована с использование ccDrawLine, черная ccQuadBezier
(источник: cs417423.vk.me)
Для рисования линии сглаженной, есть специальный алгоритм - Алгоритм Ву. Там есть описание, как его реализовать.
Но похоже Вы делаете другое - простой графический редактор. И пользователь, проведя мышкой, должен получить <strike>ровную</strike>красивую кривую. Для этого, в процессе того, как пользователь рисует, нужно запоминать точки. Саму кривую рисовать в виде "ломанной кривой". Но когда пользователь отпускает мышку, берутся все сохраненные точки, с помощью кривых безье просчитываются красивые переходы и кривая отрисовывается. Если отрисовка достаточно быстрая, то просчитывать новую кривую можно на каждое движение мышки.
Да, при очень длинных кривых считать нужно будет долго, поэтому начало кривой кешируется, а просчитывается только конец.
Я рекомендую начать с простого запоминания точек от нажатия до отпускания, а по факту отпускания рисуйте красивую кривую.
Предлагаю альтернативу, вместо того, чтобы читать событие onMouseMove
попробуйте определять положение мышки (в состоянии "рисую плавную линию" после нажатия левой кнопки вниз) в Таймере с очень маленьким "шагом", минимально в 1 мс. Исхожу из того, что событие onMouseMove
не успевает "прочитать" каждое из положений мыши при быстром движении в силу особенностей сообщений.