ActionScript 3.0 :: Circle Shape "Grow" On MouseMove?
Jan 21, 2009
I'm trying to make a simple shape in my case a circle and make it "grow" on mouseMove. I found a way to do it, but I have a problem I can't seem to fix, and that is, that, I do make the circle grow but then have all the other circles behind it.
I want to make the circle grow and then delete it's "older" instance so that it's only one circle on screen, not a million circles behind it. Here's what I've got to work (makes a circle, then keeps growing as I move the mouse over the stage... although it will leave a trail of all the other circles "growing"
Code:
function mouseMove(e:MouseEvent):void
{
if(mouseDownFlag == true){
xpos1 = e.localX;
[Code]....
In java I had a "clear" function that kept on deleting the old circles as the new circle grew...
I want to create a scene where a shape grows vertically...sort of like a bar graph. I looked at the motion presets...but, can you give me a hint on what sort of script I need to devise? XP CS4
Let's say i have a simple app where on mouse move user draws a shape. What i am trying to accomplish is to detect if drawn shape is circle so was wondering what would be the best or easier way to do that?
I believe i should do some math based on every drawn point X,Y coordinates but i need a push in right direction from more experienced people around.
How I might use actionscript to place say 100 small MC's on the stage in a circle? I assume I would need some sort of trigonometric function, but my math skills are a bit rusty...
I want to make an editor like this site. [URL] If you browse this link you will find "Button. If you press this button you will navigate to a editor to design your layout. After draw a rectangle or circle or line you can resize that or can rotate that. When you finish if press the "you will back to the previous page where your desinged layout display. If you press the "" again then you will navigate the editor with the previously designed layout. I want to make a site like this. I want to use the flash cs4 to make the editor. Anybody knows how to draw a rectangle or circle shape with mouse and how to scale by setting the point and how to rotate by setting the rotation point also by using flash cs4 and as3?.
This should be a bit of simple geometry: How do I calculate the points to draw the lines in the code below so that it makes a 2D cone or wedge shape?
import flash.geom.Point;
//draw circle var mc=new Sprite()[code]...........
UPDATE:I should have mentioned my aim is not to draw a wedge shape, but to draw a line from a random point to the edge of an existing circle.If you're more comfortable with algebra than actionscript,
I'm just starting out with AS3, so I'm trying my hand as some of the more basic drawing functions, to try and get a handle on them. The problem I've hit is using 'curveTo' to create a smooth curve is creating some very poor aliasing results. Here is an example: [URL]
The first part (which is actually on the right) is a very simple curve from 50,50 to 100,100, through 100,50. I would have expected the end points of the line to be single pixel width, but it's aliased over two pixels.
The second part (on the left) shows why this is a problem for me. I'm trying to draw a basic shape outline with a semi-circle at the top, but it really doesn't look great (it looks shifted half a pixel to the left relative to the rest of the shape).
So I can create a circle and an oval using trig in flash. But what if I want to create an oval with rounder points? I'm using this code for circles and ovals:[code]Could anyone help me in editing the code so i can control the tips of the oval and make them rounder?
I'm trying to implement a very simple way to select a subsection of the screen via mouse. The workflow is the standard one for many apps - click on starting point, move mouse and transparent rectangle updates between first point clicked and current position of the mouse. The basic code looks something like this (minus the graphics, which is simple)
This breaks down when the user moves the mouse outside of the app. Not only _currentPoint stops updating, but also if you let go the mouse button outside of the app you miss the mouseUp event, i.e. when you move the mouse back on the app _currentPoint starts updating again as if you had never let go of the mouse button. Was wondering if there is a way in Flex (for web apps) to get around this by listening to mouseMove and mouseUp events when outside of the app (if that's possible)
I'm trying to get the localX value of a mouseMove event which is working but the value isn't linear. The width of the object registering the mouseMove is 435px so you would expect to see values returned from 0-435. This is not the case because that object has child objects and everytime the mouse moves over one of them it resets because it picks up that objects localX. how can I get the mouseMove to return values only on the object it is register to? (kind of like how a rollover or rollout is only concerned with it's targeted object)
ActionScript Code: thumbViewer.addEventListener(MouseEvent.MOUSE_MOVE, scrollStart); private function scrollStart(event:MouseEvent):void {
So I have multiple containers made dynamically in AS3The content of these containers exceed the container, so I have scrollbars.My question is, how can I scroll in these containers with only a mouse.move.The other mouse.move articles I read is for one container.
I am working on a paintbrush application in AS2.Currently I am working with drawing a circle. I have a circle movieclip in library. Whenever users click and drag on the stage they can design a circle. I am using mouseDown, mouseMove and mouseUp event for this.So for mousedown I am calculating the current x and y position then for mouseMove the circle starts to grow depending upon the x and y position of mouse.Then for mouseUp I am deleting the mouseMove function, so that it stops drawing. This is working fine. But when I want to draw another object on the stage the mouseMove function does not work. I am confused on how to undelete the mouseMove function.[code]
In Flex 3, I have an ItemRenderer that has a button in it. I want users to be able to click and drag this Renderer, but also just click the button. Right now it's working with the Renderer listening on "MouseMove" to initiate drag and drop, and the button listening on "click". However this is very screwy. If somebody is dragging a scroll bar and comes anywhere near that renderer, MouseMove gets fired on the renderer and initiates dragging.
(or if somebody is resizing a HDividedBox, basically if someone initiated a click anywhere in the app and rolls over this renderer, we get unwanted dragging. The alternative is listening on MouseDown instead of MouseMove, which fixes the previous issue, however the nested button loses it's click. I can click on the button, but the renderer just thinks it's time to Drag.
I'm using Javascript's mouse event to pass information about mouse position to flash and show the specific animation frame depending on mouse position.
The problem is, when mouse is over flash object, it doesn't fire javascript event anymore. I've tested it on Chrome and it seems to be working, but Firefox doesn't want to cooperate.
My flash object is located in the middle of website and has transparent background. It has to stay this way. Also, I'd rather not move the action to the ActionScript for two reasons:
Website's width is not constant (different browsers for example) so I'd have to push viewport's width to the flash too, which will complicate the script, also mouseenter events etc. I don't know AS very well.
The code: (I'm using jQuery here because it's also used somewhere else on the page, previous mockup used plain JS)
I'm developing a game atm, and I need some help on the mathematics/coding of colliding circles (and their change in x/y speed). What i need to know is how to calculate the direction and speed a circle has after colliding with a static (non-moving) circle. I know how to detect a collision between the two, but I'm not sure about the maths I need to give the circle the right speed and direction after the collision
If i do know how far away the two circle-points (in the middle of each) are to each other (in both x and y coords) would it be easy for me to find the new speed and direction of the large circle in the example above? I know that I somehow should use the angles to pretend the circle hits a flat "wall" (as it only hits one point), and then calculate the new speed/direction. My only problem is that I'm not sure how to decide the angle of this flat "wall" and how x and y speeds should change when colliding with a wall that is angled. Does anyone here have any insight, links or tips on how I can du this?
What i need to know is how to calculate the direction and speed a circle has after colliding with a static (non-moving) circle. I know how to detect a collision between the two, but I'm not sure about the maths I need to give the circle the right speed and direction after the collision.If i do know how far away the two circle-points (in the middle of each) are to each other (in both x and y coords) would it be easy for me to find the new speed and direction of the large circle in the example above? I know that I somehow should use the angles to pretend the circle hits a flat "wall" (as it only hits one point), and then calculate the new speed/direction. My only problem is that I'm not sure how to decide the angle of this flat "wall" and how x and y speeds should change when colliding with a wall that is angled.
I`m working on a app that you can draw lines.....like circles, rectangles... my problem is when a user draw a circle for example....i wanna be able to paint (change color) inside of this circle. I`ve tried working on Shapes with cacheAsBitmap = true and Bitmaps with BitmapData but it doesn`t seens to work.
Trying to do circle circle collisions via math which I'm really having trouble with. One circle (player) just moves from keyboard. The ball reacts to the player. All the code shown is in my players class and I passed in a reference to the ball.
On my enterframe I have:
Code: var xmov1 = xSpeed; var ymov1 = ySpeed; var xmov2 = ballRef.xSpeed; var ymov2 = ballRef.ySpeed;
[code]....
Perhaps I'll go with a box2d equivalent instead of trying out my own physics shenanigans.
Here I what i need is : Start drawing first circle and when first circle is on half way, Start second circle.same way second and third circles. and after completing 3 circles, just gotoAndPlay 2nd Frame .
I have a simple three ring animation where the three rings fade in and out.On the stage the rings are a perfect circle, in the publish preview they look fine, but once I publish the SWF, all of the sudden the rings are not perfectly round anymore.
They are almost perfect but right at the top and bottom there is just a small portion which has sort of "flattened out"...
I bought a Flash video tutorial online for Animating and the FIRST step is to create a circle with the circle tool, and the guy does it online, and it fills itself in. I repeat his actions exactly and I cannot get the same result at all. I just get a circle.
I have two MC's, circular in shape. One of the circles is stationary and you can drag the other. I'm trying to get the moveable circle to be able to move around the circumference of the stationary circle, but not overlap. I'm able to detect when they overlap, not using hittest. I just can't figure out how to code it so that the draggable circle can't be moved over the stationary circle.
