I'm trying to draw a curve based on 24 data points. I want to draw a curved line based on the average of these 24 points. I can draw a line from point to point no problem, but would like a smooth curve. The white dashed line is what I'm trying to achieve:
View 2 RepliesI have a world map on which I display some data. I read long and lat coordinates for two countries from an XML file which is updated with different coordinates everytime. I then map the coordinates to X-Y axis using some projection method.
So, I have x-y coordinates for two countries. I wanna draw a curved line between those countries but curveTo method draws the curve in one shot. I want to animate the curve drawing part so it looks like it is being drawn real time.
I was hoping someone could help me working out some advanced data reformatting. What I'm hoping for is a function where I can input a value along with an array of key positions like so:
function remap(percentage:Number, keypoints:Array) { ...
The array would start with the minimum and end with the maximum point, with nested key points along the way. For example, I would input something like remap(0.25, [0:0,80:50,100:100] ) and the function would 'imagine' a spline curve graph from (0,0)-(100,100) with a key point of (80,50), then return the y value that is 25% along that graph.
I try to calculate all the points on a curve.
The curve decided by the width(X on the picture) and height(Y on the picture) properties of a movieclip.The distance between each green point on curve is the same.
For 2 weeks now, i have been trying to work out this issue and still i have had no luck.. i dont even know what im looking for.
See image attached to explain better than words.
My idea is i need to generate a nice curve between graphical points but in a way that produces smooth curves at runtime.
First i want to say its my first post and i've been diging straight up gold from this site and i love it and everyone out there smart enough to give out solutions.So basically am writing a game and i have bezier curve that controls where an actor moves. Am using only 3 points (start, control1, end) and everything is fine.Now i want to create a bezier curve that passes through a certain point (r1) at t = 0.5 . The problem being that i have my start point, my end point and my point (r1) at t=0.5, and i need to find the control point.
View 1 RepliesI'm attempting to make a curve drawing tool a bit easier to use.Rather than drawing a basic curve and then clicking on the control point to change it, I would like the user to be able to click on the curve itself to change it, much as you do in the FlashIDE.So, given start and end points, and a point on the curve, how do you determine the control point for use with the MX API?(I googled this, but found mostly info on cubic rather than quadratic curves)
View 3 RepliesI'm attempting to make a curve drawing tool a bit easier to use. Rather than drawing a basic curve and then clicking on the control point to change it, I would like the user to be able to click on the curve itself to change it, much as you do in the FlashIDE.
So, given start and end points, and a point on the curve, how do you determine the control point for use with the MX API?
How can I animate a curve being drawn with as3 drawing api.I am not interested in masking it out or other tricks. I am interested in drawing it whith the api.This would be the equivalent, but only a straight line:
var steps:Number = 30;
var currentStep:Number = 0;
var startPoint:Point = new Point(100,100);
[code]....
I just need a simple code of drawing a text curve in flex
View 2 RepliesFrom the Robert Penner code given in this tutorial: [URL] i was wondering why controlx and controly has to be so complicated. I've tried changing it to just _root._xmouse but it messes up. I don't get this, shouldn't the curve point be the same point as the mouse?
View 13 RepliesBasically I've got a reasonably complex drawing object in a fla and I want to reproduce it in a class definition using the drawing api. However obviously this is a tedious task, so is there some trick or automated method of doing this?
Last time I needed to do this it was a drawing of an arrow and I ended up writing down x,y,width,height values for everything but this one has curves in it which I don't have experience with drawing anyway.
I want to curve a dynamic text from a straight line to circular curve (using a slider). I have placed the characters of the string in each textfield created at runtime.
View 3 Repliesdraw a squiggly or wavy line in the MOUSE_MOVED event as the user clicks and moves the mouse.
View 1 RepliesIn flash, I use lineTo to draw a line between two points. This is working well, but I'm finding that on slower computers, the line is jagged because not as many mouse events are firing.I want to 'smooth' the line out, to add more points in between each point that the mouse registers:
The black lines show the result, the green ones are what I want. The red dots are actual points, and the green ones are interpolated.I have tried to code this myself but I can't seem to get it right, here is the code anyway:
var interX:Number = lastMouseX+(lastMouseSpeed.x/2);
var interY:Number = lastMouseY+(lastMouseSpeed.y/2);
//Also tried: lastMouseX+(this.mouseX-lastMouseX)/2;
// also jittery
[code]....
the result is much more jagged than the normal one.
I want to draw a curved line between random point. How can I do this? The random points are actually x,y positions of movie clips dragged on the stage and I want to code curved lines between them.
Im looking at curveto in as2 but not sure how to to do it?
I found this code in AS2. It draws an outline of a circle:
[Code]....
I'm only just embarking on making the move to AS3
I have a curveTo an anchor point and a control point.Then I have a function that will return the x and y of a point along that curve if I give it a number as a percentage of the curve (0 to 1).It looks like this, and works perfectly..
Code:
function drawOnCurve( interval:Number, x0,y0,x1,y1,x2,y2)
{
interval = Math.max( Math.min( 1, interval ), 0 );[code]....
x0,y0 are the start point, x1,y1 the control point and x2,y2 the final anchor point.But... I want to give it a _y value instead of a percentage (interval) and it return where on the curve that would intersect.
I want to load a set of cuepoints into my flv player, I have 5 flvs and I want a particular set of cues to load depending on which flv is currently playing,
View 8 RepliesI'm trying to trigger some events (fading of nearby movieclips) based on cue points of a currently playing FLV. I'm using the FLVPlayback component (not Netstream) and have added cue points from inside flash (so they're "Actionscript" type). I actually found a nice article here: [URL] but it's AS2. To put it simply, let's say I have the following:
1) FLVPlayback component which has a parameter called "movie.flv" for the clip that it's supposed to play.
2) The instance of the component is called "movie_inst".
3) There are 2 cue points added through the component's parameters rollout, one called "point1", another called "point2".
What's the simplest code to tell flash "when you get to point1 I want you to do ___"?
Is there an actionscript for a point system? I want my points to be time based from this script
stop();
count = 60;
countdown = function(){count--;
if (count ==0){clearInterval(doCountdown);
gotoAndStop(11);
clearInterval(doCountdown);
}}doCountdown = setInterval(countdown, 1000);
I just discovered impure.com and was very impressed by what can be achieved in terms of visualizing data using their workspace. Although the platform is free to use, but not open source yet. This causes a few problems because the API section works with .com sites for eg. for ebay, so I cannot visualize ebay listings for regional sites such as ebay.in because the link to ebay.com is hardcoded.I searched around, but didn't find other projects that offer a similar way to work with site APIs and other data sources with the kind of user interface and detail that impure.com does in a realtime way within a browser window.This brings me to the questions:
-What technologies would be involved in creating a similar kind of project
-What are the open source tools that can help develop a fullscreen UI to render the workspace. Are there any alternatives to flash for this, and how do they compare
The goal would be to use standard python data structures, python scripts to do some processing on these data structures, scripts to gather data from csv, json and API sources such as google yahoo, wikipedia and flickr, and scripts to render graphs, tag clouds, network visualizations etc. Then bring them all together into a visual interface that supports drag drop and simple type checking.How would the python backend integrate with the UI.
Updated question: Is there a way to sort dynamic texts based on the variable (or simple value) they represent? Old dribble: I'm looking for some pointers for a problem with making a table. It may be that I have started off in the wrong direction - anyways, I'm stuck now. The .png displays my objects, and how they are connected/grouped. The highlighted (red) shows the variable containing the points.
The pink with the most points should be displayed higher than the rest, and 2nd most points should ofc be 2nd highest. I have tried taking the red variable out of the pink, but I could not think of a way of moving the red variable based on its own value. I'm going to edit the red variables (as the world cup goes on), and there is no need for cookies and such. And if there is a simpler way of doing the setup, let me know. I'm using SwishMax3 (SM2 up till a few days ago, so I'm more used to as2..)
I am in the process of learning AS 3 and Flash on my own and currently using the Actionscript 3.0 Adobe Classroom in a book CS4 version. Having a problem with the Lesson Adendum if anyone has done it. This lession requires you to create two buttons. They both draw shapes on the stage. When one is clicked, it draws Rectangles on the stage following the mouse movement. When the other is clicked, it draws Ellipses instead. The problem I am having is that it just draws rectangles and not ellipses when the 2nd button is clicked. Would be greatful if someone could tell me what i am doirng wrong. Here is the code that I have so far. Apologize for the commented out code, I left it in to show what I have tried:
[Code]...
i made an animation following a motion guide and i drew a line from animated movie clip's previous position to its current position. The problem is that with curves this method is very unprecise... the edges are much too jagged even with the event firing every milisecond.
[URL]
So basically my question is if it's possible to create a nice curved animation using my method or do I have to draw it manually using lineTo and curveTo and snychronise it to the MovieClip's movements or maybe creating some sort of mask to reveal the already drawn symbol?
Code:
var shape:Shape = new Shape();
this.addChild(shape);
shape.graphics.lineStyle(1, 0x000000);
[code]....
I'm trying to create a function that draws a polygon with two parameters that are: number of sides and length of sides. You would input a number for side length and a number for the number of sides. Then it would draw the side length, then turn at a angle based on the number of sides, then draw side length again... until it has finished drawing the polygon based on the number of sides that were put in.
View 1 RepliesI want to create an static drawing (say any animals like giraffe) using some points, lines, drawing etc. Now i want to update the drawing by passing the parameters say height of his legs, its width or its color.The parameters are supplied from the web page. The image will be a 2D image.I am searching on which technology should i implement this for more than 10 hours but cannot find any perfect solution.Right now i am thinking i can use Adobe flash in which i can do some programming to create an drawing and change the drawing by passing the parameters to a Flash file, i think we can pass it when we embed an flv.
View 2 RepliesI have extensive experience with MS Visio Solution development, and have a need to provide similar functionality in a web interface in the context of a heavily visual product-builder or "configurator". Visio functionality that I hope to reproduce:Visual shapes stored in a sidebar, from which the user drags and drops onto a drawing area Shape creation on the user's end is probably not necessary... just arrangement, sizing, changing parameters etc.A back-end for extracting the parts the user has dropped onto the drawing area, including the parameters they've changed, dimensions, relations between components etc.In the most general sense, I just need an interactive interface.Given the above parameters, is Flash a good option? Is there a development environment that might be better?
View 2 RepliesI have been goggling a lot to find anything with link-based data visualization in Flex 4. something like below screen shoot (made using Ravis). Where user can drag these nodes, without removing the links and on double click of any node we can set some properties for that particular node. I found this Ravis (Birdeye), but not much of examples and support is available for that.
View 1 RepliesI want a data tip to appear when mouse pointer is over any point of the chart, not only when pointer is directly over a data point.
View 1 Replies