> Wishlist? Yep. - Gordon ________________________________
From: [email protected] [mailto:[EMAIL PROTECTED] On Behalf Of Rick Schmitty Sent: Wednesday, March 07, 2007 11:48 AM To: [email protected] Subject: Re: [flexcoders] Is the Graphics class available in the SDK anywhere? Ah, so even if you were to release the code, everyone would need my version of the flash player to get that effect I created? By circle I mean the rounded edge of the lineStyle creates. If you change line 17 (becomes more obvious with bigger sizes) in my example to something like pad.graphics.lineStyle(50,0xff0000,1); and draw a very short line, it makes a circle type effect (just due to the rounded edge of the line) You can change the "caps" property to square, which has some odd effects when drawing free form. pad.graphics.lineStyle(50,0xff0000,1,false,"normal","square"); Basically, I'd like to mimic the Flash IDE Brush Tool. You can select a circle (default), 2 ellipses, multiple rectangles and slanted rectangles as your brush stroke Wishlist? :) On 3/7/07, Gordon Smith <[EMAIL PROTECTED] <mailto:[EMAIL PROTECTED]> > wrote: The Graphics class is a native class (i.e., one implemented in C++, not in AS3) in the Flash Player. What do you mean that lineTo() commands create a circle by default? - Gordon ________________________________ From: [email protected] [mailto:[email protected] <http://yahoogroups.com> ] On Behalf Of Rick Schmitty Sent: Wednesday, March 07, 2007 9:53 AM To: [email protected] Subject: [flexcoders] Is the Graphics class available in the SDK anywhere? I'd like to extend the functionality of lineStyle to allow for a shape option. Drawing with the lineTo commands is ok, but that creates a circle by default, which leaves the only option of using drawRect and drawEllipse as methods for other strokes. This doesnt work too hot, if you run this example below you can see. Fast mouse movement breaks the line and after a while it becomes really laggy. Is there perhapse another way of doing this with AS3? <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml <http://www.adobe.com/2006/mxml> " mouseUp="stopDraw(event)"> <mx:Script> <![CDATA[ private var isDrawing:Boolean=false; private var tool:Number=1; private function startDraw(event:MouseEvent):void { pad.graphics.moveTo(event.localX,event.localY); isDrawing=true; } private function onMouseMove(event:MouseEvent):void { if (!isDrawing) return; switch (tool) { case 1: pad.graphics.lineStyle(10,0xff0000,1); pad.graphics.lineTo(event.localX,event.localY); break; case 2: pad.graphics.lineStyle(1,0x00ff00,1); pad.graphics.beginFill(0x00ff00,1); pad.graphics.drawEllipse(event.localX,event.localY,25,5); break; case 3: pad.graphics.lineStyle(1,0x0000ff,1); pad.graphics.beginFill(0x0000ff,1); pad.graphics.drawRect(event.localX,event.localY,15,15); break; } } private function stopDraw(event:MouseEvent):void { isDrawing=false; } private function clear():void { pad.graphics.clear(); } ]]> </mx:Script> <mx:Panel title="Graphics Draw Test"> <mx:Canvas width="500" height="500" mouseDown="startDraw(event)" mouseMove="onMouseMove(event)" id="pad"> </mx:Canvas> <mx:ControlBar> <mx:Button label="Pencil" click="{tool=1}"/> <mx:Button label="Brush" click="{tool=2}"/> <mx:Button label="Square" click="{tool=3}"/> <mx:Button label="Clear" click="clear()"/> </mx:ControlBar> </mx:Panel> </mx:Application>
