Форум Flasher.ru

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)
-   ActionScript 3.0 (http://www.flasher.ru/forum/forumdisplay.php?f=83)
-   -   Нахождение координат мыши (http://www.flasher.ru/forum/showthread.php?t=111457)

ulik 27.04.2008 15:46

updateAfterEvent вас спасет. И не будет никаких ломанных... Так все нормальные рисовалки и делают.
имхо тривиальная

flash33 27.04.2008 17:02

2ulik, прошу Вас, прочитайте все предыдущие посты (мои) внимательней и прикиньте, что реально делает updateAfterEvent.
2ALiEN_, безусловно, curveTo не даст возникнуть ломаным, остается только малость - знать какие точки брать контрольными, какие - опорными. Как найти промежуточные точки мне поможет Ив Дембицкий http://bezier.ru/ (большой респект!), что собственно мне и необходимо, а не просто нарисовать кривые - это у меня в первом посте акцентировано. Однако, если вы мне хотя бы с curveTo поможете буду благодарен.

badun 27.04.2008 19:39

Код:

package 
{
        import flash.display.BlendMode;
        import flash.display.Shape;
        import flash.display.Sprite;
        import flash.events.KeyboardEvent;
        import flash.events.MouseEvent;
        import flash.geom.Point;
       
        /**
        * ...
        * @author Oleg Kucherenko
        */
        public class DrawCurve extends Sprite
        {
                private var newPoint:Point;
                private var anchorPoint:Point;
                private var controlPoint:Point;
                private var dots:Sprite;
               
                public function DrawCurve()
                {
                        graphics.lineStyle(0);
                       
                        dots = new Sprite();
                        addChild(dots);
                       
                        stage.addEventListener(MouseEvent.MOUSE_DOWN, onMouseDown);
                        stage.addEventListener(MouseEvent.MOUSE_UP, onMouseUp);
                       
                        stage.addEventListener(KeyboardEvent.KEY_DOWN, onKeyDown);
                }
               
                private function onKeyDown(e:KeyboardEvent):void
                {
                        dots.visible = !dots.visible;
                }
               
                private function onMouseDown(e:MouseEvent):void
                {
                        stage.addEventListener(MouseEvent.MOUSE_MOVE, onMouseMove);
                        anchorPoint = new Point(e.localX, e.localY);
                        controlPoint = anchorPoint.clone();
                        graphics.moveTo(anchorPoint.x, anchorPoint.y);
                }
               
                private function onMouseUp(e:MouseEvent):void
                {
                        stage.removeEventListener(MouseEvent.MOUSE_MOVE, onMouseMove);
                }
               
                private function onMouseMove(e:MouseEvent):void
                {
                        newPoint = new Point(e.localX, e.localY);
                       
                        // draw dot
                        var shape:Shape = new Shape();
                        shape.graphics.beginFill(0);
                        shape.graphics.drawCircle(0, 0, 2);
                        shape.graphics.endFill();
                        dots.addChild(shape);
                        shape.x = anchorPoint.x;
                        shape.y = anchorPoint.y;
                        //*/
                       
                        if (newPoint.subtract(anchorPoint).length > 10)
                        {
                                controlPoint = anchorPoint.subtract(controlPoint);
                                controlPoint.normalize(newPoint.subtract(anchorPoint).length / 4);
                                controlPoint = anchorPoint.add(controlPoint);

                                anchorPoint = newPoint;
                                graphics.curveTo(controlPoint.x, controlPoint.y, anchorPoint.x, anchorPoint.y);
                        }
                       
                }
               
        }
       
}

Это пример как рисовать кривые по точкам. Тут на самом деле все не очень хорошо, конкретно вот это место controlPoint.normalize(newPoint.subtract(anchorPoint).length / 4);. Вот эта /4 выбрана эксперементально, т.е. без мозгов )). Изначльно /2 было для правильной гладкости, но там кривые в колебание уходили. Вообще надо рисовать не по точкам, которые мышка выдает. По точкам мыши надо формировать другие точки, которые сглаживают ошибки, а по ним уже кривые рисовать.
У меня с теорией по этой теме туго, но я уверен что в инете подходящей инфы валом, т.к. это не только flash'a касается.

flash33 27.04.2008 20:37

2badun, рисовать надо именно по точкам, которые дает мышка, все остальные находятся путем вычислений. Полазил по гуглу - выдается много способов сглаживаний ломаных, как с помощью Безье, так и спомощью сплайнов. Остановился на этом способе http://www.antigrain.com/research/be...ion/index.html, так как он вроде бы простой.. Попробую портировать его в AS3. За пример огромное спасибо, буду ковыряться дальше :)

badun 27.04.2008 20:57

Ссылка вообще не о том. Надо искать сглаживание по точкам последовательно, а не готовой фигуры. Либо проводить сглаживание после отрисовки штриха, как во Flash IDE.
По поводу того, что кривая обязательно должна проходить через точки MOUSE_MOVE, ты все-таки заблуждаешься по-моему. Таким способом гладкости можно добиться только если между точками достаточно большое расстояние.

goarcade 27.04.2008 21:06

хм... может так попробовать? очень простой код:)
Код:

package {
        import flash.display.Sprite;
        import flash.events.Event;
        import flash.geom.Point;

        public class Test extends Sprite
        {
                public var p0:Point;
                public var p1:Point;
                public function Test()
                {

                        stage.frameRate=3;

                        p0 = new Point (mouseX,mouseY);
                        p1 = new Point (mouseX,mouseY);
                        this.graphics.lineStyle(1);
                        this.graphics.moveTo(mouseX,mouseY);
                        this.addEventListener(Event.ENTER_FRAME,enterFrame);
                }
                public function enterFrame(e:Event):void
                {
                        var p:Point = new Point (mouseX,mouseY);
                        if(p1.subtract(p).length<5)return void;
                        var t:Number = 1.5;
                        var control:Point = new Point(p0.x+(p1.x-p0.x)*t,p0.y+(p1.y-p0.y)*t);
                        this.graphics.curveTo(control.x,control.y,mouseX,mouseY);
                        p0 = control;
                        p1 = p;
                }
        }
}


flash33 27.04.2008 21:42

А я говорил что рисовка идет в реальном времени? - мне отставание на одну! точку не имее значения (а этого будет достаточно для расчетов, в принципе, если не крутить мышью в бешеном темпе, это даже не будет заметно) Не помню в какой проге (вроде в Painter'е) эти отставания за мышью очень заметны. Впрочем, если расстояние между точками соизмеримо с диаметром кисти можно переходить на линейную интерполяцию, а там все в реал тайм. Попробую все это воплотить...)

flash33 28.04.2008 01:22

Вложений: 1
Вот вроде что вышло в первом приближении по алгоритму http://www.antigrain.com/research/be...ion/index.html


Часовой пояс GMT +4, время: 23:03.

Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2026, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.