ActionScript 3.0 :: Toggle Line Drawn With Graphics.DrawPath?
Mar 7, 2011
I have an application that creates a chart dynamically. This chart has a lot of information plotted on it (4-6 stock trends). I want to be able to toggle some of those lines with a button. Each trend is drawn with something like this:
Code:
// establish a new Vector object for the commands parameter
var line_commands:Vector.<int> = new Vector.<int>();
line_commands.push(1,2,2,2);
// establish a new Vector object for the data parameter
var line_coord:Vector.<Number> = new Vector.<Number>();
// use the Vector array push() method to add a set of coordinate pairs
line_coord.push(0,0, 75,50, 100,0, 125,50);
graphics.drawPath(line_commands, line_coord);
How would I toggle the line I just drew? My first idea would be to put some of this code inside a function and redraw the line with the same color of the movie's background color. I don't know if this is the best option, I was wondering if I could draw this line inside a Sprite or Movie Clip and just toggle its visibility?
View 2 Replies
Similar Posts:
May 15, 2009
I am trying to draw a line from x1, y1 to x2,y2 and i want it to be a line that repeats a pattern from an image. All I can see is that you can only draw lines and change their color or thickness but I would like it to repeat an image. Is that possible or do i have to use a really long and thin rectangle with a bitmap fill?The problem is I am making a game where the user will be able to actually draw the line so i have to make it be created dynamically. The game fantastic contraption [URL] has in the game a feature where you draw lines of any length and position that are filed with a picture.
View 13 Replies
Feb 13, 2009
I'm trying to work out how to create a simple demo that works as follows: A ball falls from the top of the stage.Player is able to draw a line anywhere on the stage. The ball will bounce/roll along the line such that the player can guide it at will. I don't think the coordinate rotation will be a problem for me but I can't figure out how to transform a line drawn by the player into a hit detectable sprite -- or realkly any way that I can get those line coordinates into my coordinate rotation routine. To keep it simple, I'm just working on the first part of the problem, getting the line to where I can hit test or know its position.Here is my code so far:
package
{
import flash.display.Sprite;
import flash.events.MouseEvent;[code]........
It always traces 0,0 instead of my current line coordinates - and even those I don't think would be sufficient.
View 4 Replies
Jul 17, 2009
Lets say I have a customMovieClip. I sometimes draw an ellipse with customMovieClip.graphics and sometimes a rectangle. Now I want to know what was the shape ( ellipse/rect) that was created using a particular graphics object. Doing this would enable me to pinpoint what exactly to do with that customMovieClip() instance.
View 3 Replies
Feb 20, 2011
suppose i have a large, static, programmatically drawn vector graphic that extends well beyond the stage.
is it recommended to mask the graphic with the stage dimensions? does the VM still draw the portion that is not on the stage?
does masking half of a programmatically drawn graphic reduce the drawing process by half?
View 1 Replies
May 30, 2009
Is it possible to edit vector drawings made in Flash (and in the FLA's library) within Actionscript? For instance, to change the line width or line color?
View 2 Replies
Jul 17, 2009
Lets say I have a customMovieClip. I sometimes draw an ellipse with customMovieClip.graphics and sometimes a rectangle. Now I want to know what was the shape ( ellipse/rect) that was created using a particular graphics object. Doing this would enable me to pinpoint what exactly to do with that customMovieClip() instance.
View 3 Replies
Nov 2, 2011
In a Flex component that inherits from BorderContainer I'm overriding the updateDisplayList function to draw a rect:
override protected function updateDisplayList(unscaledWidth : Number, unscaledHeight : Number) : void
{
[code].....
View 2 Replies
Feb 13, 2009
Is it possible to access the graphics.* - characteristics of objects that I have drawn at authoring-time at runtime? If I have drawn a single line in a movieclip I'd like to do sth like this:
[Code]...
View 2 Replies
Mar 3, 2010
I'm using Flash CS3 to build a simple drawing application. When the user clicks a button, they select a particular movieclip. After clicking elsewhere on the stage, the clip is instantiated and added to the stage at the position of the cursor. I've also added the option of being able to click on the added clip and drag it around on the screen. And this all works fine.
The problem is that I also want to be able to dynamically draw and add objects to the stage via the Graphics class. Whenever I add objects in this manner, their x and y coordinates are always 0,0 no matter where I place them on the stage. This makes positioning these graphics very very problematic. I created a modified positioning function specifically for these dynamically drawn graphics and while it does "work", it feels less responsive than the positioning for movieclip objects. I'm still trying to optimize this function, but it seems to me that the ideal solution is for the graphics to have non-zero coordinates when placed in the middle of the stage like movieclip objects. Is there some "workaround" to achieve this?
View 3 Replies
Nov 2, 2010
On mouse move i have a line drawn using lineTo method. This works like in Paint or most drawing programs: the mouse drawing like a pencil. What i need now, and dont know how to accomplish, is to add a number of mclips over that line. And this mclips should be over the line but separated to each other (different x and y of the drawn line). So in the end when moving the mouse the user should get a line and, every certain distance, a number of mclips over it.
View 2 Replies
Jun 26, 2011
I'm drawing a simple line with API and I would like to know how to detect what angle the line has and where a ball hits it.Scenario: the player draws a random line in a random angle, a ball comes in from random points and hits the line, the ball then bounces off the line depending on where it hit the line (and of course depends on the line's angle).I draw the red line with this: (on a 400x400 stage)Actionscript Code:graphics.lineStyle(2, 0xFF0000, 100);graphics.moveTo(150, 150);graphics.lineTo(250, 250);The grey, green and purple lines are just demonstation of the ball movement, comming in from outside the screen, hitting the line and bouncing off in different directions. I just made a guess on the angle they will bounce off in.
I just can't figure out how to detect the line's angle and where the ball hits it. So all I have is a ball flying in from random positions and hitTests the line (not coded yet, but no problem to do ball movement and hitTesting with line), I don't know where to go from there until I know how to detect where it hits the line.I know this is a double post (from the Games section), but I realized this place seems to have more activity and not many seem to visit the Games place anymore.
View 11 Replies
May 29, 2009
In Flash CS4, I'm trying to change the stroke width of my line or shape, with it selected, but the stroke width slider is greyed out (thus, unadjustable). Is it possible to edit a stroke width after something has been created? If so, how can this be done? I've tried selecting the line in all kinds of crazy ways, but still can't edit it.
View 3 Replies
Sep 10, 2009
[URL]go to the menu and select education, click the first sub link under education, once there allow for the screen to load, and then click anywhere outside the black border where the text is. You should notice a red line is drawn to the exit link.
View 5 Replies
Sep 18, 2009
I want to the user to be able to draw a line and then have a sprite follow the line as its path. Also, it would be nice if the line could be cleaned up after the user draws it with his/her mouse so that it is made up of clean curves/spline.
View 1 Replies
Jan 16, 2011
Internally Flash obviously keeps a list of the primitives drawn using Graphics so I wondered if you have many such primitives in a Sprite, can you re-position/remove/alter individual items rather than clear and re-draw everything? Or is this deeper into the bowels of Flash than you're allowed (or recommended) to go?
View 4 Replies
Jun 20, 2010
At the moment I am using two mini objects within the line to calculate the slope of the line I have.
I was wondering if there was some easy function within as3 to find the slope of a line that had been drawn out, if not... I suppose I have my own theories on how to do it, such as checking for hit tests in a circle until I find the line.
View 5 Replies
Nov 1, 2010
this is the thing: Using "lineTo" i get a line drawn on stage when dragging a mc. Then i should have four mc (note1, note2, note3, note4) added randomly over this line. I mean, the line is drawn and then over some parts of this line, using x and y of some of the points drawn there, this movie clips should be added randomly. I can make the mc appear randomly, but always in the same point (mouseX, mouseY); i cannot access others x and y of the drawn line. This is my code (noteContainer is a sprite):
Code:
private function drawingAPI(event:MouseEvent):void{
sprite1.graphics.lineTo(mouseX, mouseY);
}
[Code]...
View 9 Replies
Mar 30, 2010
is there a way using AS3 to get objects to follow a path (a drawn line) or will i have to set waypoints?
View 3 Replies
May 20, 2003
Attached is the .fla. I can't seem to figure out how to make the line drawn to be under the oval (right now it's drawing above it....)
View 2 Replies
Apr 17, 2007
I am working on a interactivity wherien i draw lines using a pen/pencil just as in MsPaint application in Microsoft. Ia m done with the pencil/ pen tool and its working fine but I basically want to change the thickness of the line at runtime by using a slider functionality.
Code:
drawing_mc.lineStyle(1, 0x99CC00, 100);
View 1 Replies
Mar 3, 2010
im making a game where when you click a line is drawn in the direction you clicked. I need to use hitTest with it, how would i go about doin that? here is the stuff.This is on the main timeline, it links to the gun. "bullet" is an empty clip
Code:
gun.onEnterFrame = function ()
{
var angle:Number = Math.atan2 (_root._ymouse - this._y, _root._xmouse - this._x);[code]....
i Need to hitTest the line drawn in ^ with a clip called enemy. How would i go about doing that?
View 3 Replies
May 10, 2011
I have drawn a series of lines using flash's graphics.lineTo command, and placed them in an array to be referenced later. Based on certain user interactions, the clips that hold these lines can be shifted to the right, causing the lines to move with them, no longer connecting to the point they originally connected to. So I need to extend the lines by the amount their parent clip was shifted (I've called this incVal). So what I need to do is find the point at which each of these lines ended at, and draw from that point to the left by incVal. How do I get that ending point of the line?
This is my code:
To draw line and add it both to the clip and to an array for future reference:
line.graphics.lineTo(localPoint.x,localPoint.y-10);
membersRef.addChild(line);
parallelArr.push(line);
[Code]....
View 2 Replies
Jun 15, 2010
I have a line randomly being drawn and moved across the stage. Here is the code:PHP Code:
import flash.display.Sprite;
var xValue:Number= 0;
var yValue:Number = 150;
[code].....
View 2 Replies
Jun 17, 2010
I've got a movieclip of a rectangle in my library which I place on stage to attachMovie. Then I create an empty movieclip which I want to use as a mask on that rectangle clip through setMask. Users kan draw into that empty movieclip. My intention is that only those areas of the rectangle clip become visible where the user is drawing a line. So I used this:
Actionscript Code:
_root.attachMovie("clip", "clip", 0);
_root.createEmptyMovieClip("line", 1);
clip.setMask(line);_root.onMouseDown = function() {
line.moveTo(_xmouse, _ymouse);
line.lineStyle(10, 0x00FF00, 100);
this.onMouseMove = function() {
line.lineTo(_xmouse, _ymouse);
updateAfterEvent();};};
_root.onMouseUp = function() {
this.onMouseMove = null;};
But that doesn't work: both the line drawn and the rectangle clip become invisible. I know it works because without the setMask part the line is drawn. The other way around does work (line.setMask(clip)): the rectangle clip is now masking the drawn line so only the line becomes visible within the rectangle region. But I want it the other way around: the rectangle should become visible through the lines that are drawn!
View 3 Replies
Jun 1, 2010
I want to make an animation of hand drawn line by motion tween. That is when test movie, a line is slowly drawn from left to right. How do I do that ?
View 1 Replies
Feb 28, 2012
I'm drawing a line using this code:
this.graphics.moveTo(posx, posy);
this.graphics.lineTo(2*posx,2*posy);
But now I want to remove it, but I can't clear the whole this.graphics object because it contains more information that is useful for me. How can I remove this line without clearing this.graphics object? Is there any method to draw a similar line over it to hide or replace the line?
View 2 Replies
Sep 28, 2010
If I skin a button and use the AS3 graphice.clear() and graphics.lineTo and beginFill to create a shape, the button overlaps other items in the container.
When I use the and mxml to create the same shape, the button is neatly positioned inside the container.
View 2 Replies
Apr 4, 2011
I wanted to check if there is a easy way to build an arrow for a line... currently I am trying to draw a triangle at end of the line- doable but a load of geometry to handle as the line could be at any angle and- anything build-in available?
View 3 Replies
Jun 13, 2010
is it possible to align the stroke of a graphic with actionscript? for example, the following code creates a black rounded rect with a grey stroke that is automatically centre aligned.
var t:Sprite = new Sprite();
t.graphics.lineStyle(5, 0x555555);
t.graphics.beginFill(0, 1);
t.graphics.drawRoundRect(25, 25, 200, 75, 25, 25);
t.graphics.endFill();
the lineStyle function doesn't seem to offer any built-in functionality for aligning the stroke. in Adobe Illustrator, you can align a stroke to be either centre (half in/half out of the fill), inside (bordering within the fill) or outside. (bordering outside the fill).
View 1 Replies