i want to draw a line with actionscript .Here is my code
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"[code]......
I'm interested in learning just enough Flash/Flex to do things that I can't do from HTML and JavaScript alone - play sound files and video, use multiple file upload things, perform cross-domain Ajax requests using the crossdomain.xml file etc. As such, I don't really want to learn (or pay for) the Flex IDE. I'm not much of an IDE guy in any case.
The problem is, most of the tutorials I've found talk about the IDE. I've figured out how to compile .mxml files at the command line using bin/mxmlc - now I just need to learn MXML, ActionScript and the various APIs! What are the best resources for learning these? I'm fine with buying a book, I just don't want to shell out for the API itself.
Update: Once and for all, how can I draw a line that goes from (0,0) to the opposite corner of the stage?Here is what I have:
package
{
import flash.display.Sprite;
[code].....
I'm trying componentize one of the pieces of UI in an AIR application that I'm developing in Flex. In this example, I want to display file information on a single line (which has an icon, some text/link and the size).
My code looks like this (component is called FileDisplay):
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="[URL]"><mx:Script>
<![CDATA[
public function set iconType(source:String):void {
this.ficon.source = source;
[Code] .....
However, when I do this, I get an error: Error #1009: Cannot access a property or method of a null object reference. This is because the child components of the FileDisplay are null (or at least they show up that way in the debugger). Am I supposed to be waiting for events indicating the child components were created? For now I can manually do everything in ActionScript in my main app (create a Canvas and add children to it) but how to separate the code more cleanly.
I am making a flex whiteboard application where lines are drawn over an image here is the scenario:
1: main canvas holding the background image and drawing canvas
2: user can move image by dragging image
3: user can draw over image, which is actually drawing on canvas over image.
I'm having problem on erasing lines like it eraser in paint. Searched evry where but didnot find a way to erase drawn lines
[Code]...
[code]This code is drawing a colum chart with two columns and drawing a line across the top of both columns. I have two requirements: the line need to be dashed as of now the line starts from top right corner of the first column to the same corner of the second column. How can i shift the line to the left, so that it starts from center of first column to center of second column.
View 3 RepliesI am using Flex 4 and AS3 and I am trying to make it so that the user can draw a freehand line with the cursor - I have this part done.However, I also need the line to be a dashed line instead of one solid line like it is now. below is my code I am using. I have found some examples on how to do this, but they are all for straight lines, not for a freehand line.
Class File (DrawingArea):
package
{
import flash.display.BitmapData;
import flash.events.Event;
import flash.events.MouseEvent;
[code]....
I am developing a white board application which allows the user to draw line with arrow head (some like Microsoft Word line with arrow feature). I am using graphics property along with lineTo() method to draw a line. Now i have to draw a angular arrow on the last point of line. I am drawing the arrow by connecting the points around last points. As 360 line can pass through this point and each line can have a different angle of arrow.
View 1 RepliesDoes MXML get compiled down to as3 and then converted to flash bytecode? Also, is there a significant performance penalty to compiling mxml vs compiling as3?
View 3 RepliesI am working on a custom Flex 4 component which is an aggregation of two existing flex components. I would like to be able to specify my own custom properties for the component as well as access the existing public subcomponent properties via MXML. For instance I might want to adjust the font color or style for the label and text input. toy component which aggregates both a label and a text input:
<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[code]....
I am trying to override a Button class, i have a few properties which i wish directly initialise with the mxml description of the component, like :[code]which function is triggered ( in order to override it ) when all properties with mxml description is fully initialised with their values ?
View 1 RepliesIm building a pretty simple drawing board in flash, i got this code from this forum and it works fine (there is more to it but this is the drawing part)[code]This works fine. But i want to be able to erase the drawings, step by step this is ths tricky part, ive looked everywhere(ok not everywhere) but in a whole lot of places but the only thing i found is how i could delete everything with removeChild and that in not what i want. Maybe i need to change the function abowe? Please help me to get in the right direction. What should i read about /look at?
View 5 RepliesWhat I'd like to do: create an MXML component with some children, then extend it via MXML to create a new component with more children, without losing the original set.In other words
create a component bc.mxml
<?xml version="1.0" encoding="utf-8"?>
<s:BorderContainer xmlns:fx="http://ns.adobe.com/mxml/2009"
[code].....
i have defined some functions in a component mxml file let us say addbutton() now i want to call this function in main mxml file.
View 2 Repliesmain.mxml
[Bindable]
private var _dp:ArrayCollection = new ArrayCollection([
[code].....
I have this line:
text="{selectedOrder.targetLocationName} 'crlf' {pickUpLocationHTML}"
How do i animate a drawing line? I mean like from point A to point B, the flash will show it is "drawn" itself.Can I do it simply without actionscript? Is it possible? Because I have many lines to draw, to make it into a diamond.
View 14 RepliesA Flex components values are initlized by init methord. In an application flow, How to refresh a mxml component data value ; as init is callled at the start up it self only.
eg. of mxml componet may be as simple as button label or text as complex as repeater whose data provider is a web service ( means a fresh quesy should be made to pull the data and refresh the dataprovider of repeater )
suppose i have 3 buttons(for example say, productin, marketing, sales ) on my main.mxml..once i click on one button it should take me to abc.mxml page with production data, once again if i click on second button it should take me to the same abc.mxml but with marketing data. same as for 3rd button also, how can i achieve this ?
View 2 RepliesWhat I'd like is the ability to draw a line with the drawing tools in Flash, and have that line appear onscreen as if it were being drawn. I don't think there's a way to do that with the animation tools (I'd like to give it a go, but I have no idea, once I've drawn a line and converted it into a symbol, how I could access the anchor points and whatnot of said line to then do some funky stuff with curveTo, or whatever better solution is out there...
View 2 RepliesHow can a create an animation of line drawing itself.
View 1 RepliesWith several flashes I'm trying to create, I find that I need to know how to depict a line being drawn or a plant/vine growing (same concept right). Obviously frame-by-frame animation can be used, but that's quite tedious. There must be some other, more productive way to pull it off. Example of the vine: [URL] I've tried shape tweens with shape hints but it didn't render very well at all.
View 6 RepliesI am looking for a smooth line drawing effect as in the pencil tool in Flash. I need to implement the same using as3.
View 7 RepliesI'm having troubles with the width of a line using the lineTo and lineStyle function, I can put setting the thickness and noScale parameters, and it works fine for no longer lines than 32000 pixels, but when I try longer line, the thickness changes to a bigger width. if you want to try what I'm saying you can prove this by changing the num variable:to 33000 for example:
num = 32000
this.createEmptyMovieClip ("Envolvente", 100);
this.Envolvente.lineStyle(0,0x00CC00,100, false, "none",
"round", "miter", 0.8);
[Code]...
i'm developing a game for mobile devices where I need to draw many objects and some lines(1~3 just occasionally).
my problem in short is: Line drawing is too slow for iPhone4
objects are drawn with bitmap, so it's pretty fast with GPU support. drawing lines are slow.
a end point of a line follows mouse cursor, so it changes every frame.
here's how i did it
initialization step:
var img:Shape = new Shape();
addChild( img );
[Code]....
that gives me 47~48 FPS on my iPhone. +2 FPS but still way too slow for a simple line.
without the line, i can maintain my whole game around 30 FPS. with the line, it goes below 20.
I was told that by using actionscript to animate, it will make the flash file smaller and animations smoother... is this a correct assumption?
with this in mind, I have the code:
ActionScript Code:
this.createEmptyMovieClip("myLine", 10);
myLine.lineStyle(2, 0x000000, 100);
myLine.moveTo(10, 10);
[Code].....
I'm trying to create a simple graph showing the stock trends for the past few days. In the x axis I have the dates and in the y axis I have the stock value. I have to do this dynamically and I think I can figure it out, but I need help with something else: I need to be able to (dynamically) draw the slope of the line as the user clicks on a point... something like in www_calculusapplets_com/twicediff.html except that instead of having the slider the user will click on the actual line.
View 6 RepliesI am having some trouble drawing a line between two movieclips. One of the movieclips is moved with the arrow keys. The line is created between them, but every time the movieclip moved another line is created. I would like only one line to connect the two movieclips. I am trying to create some sort of "AI." When the line hits a wall, then there isn't a clear line of sight. Here is the code:
ActionScript Code:
stage.addEventListener(Event.ENTER_FRAME, moveguard);
function moveguard(event)
[code].....
I was looking for tutorials on drawing in flash using actionscript and all of the tutorials I found showed how to create content instantly (with the click of a button etc).But I was wondering if it was possible to use actionscript to draw a line from coordinate A to B over, say 12 frames?
View 9 RepliesDrawing a simple line is easy - here's some sample code here from Kirupa:
[Code]....
My First Question is - how can you get it to show the drawing of the line - almost like an animation? This example instantly shows the line - I want the appearance that you're watching the line being drawn. Do you animate the lineTo variable and just keep refreshing? My Second Question is - can you do the same with a Bezier curve? In the end, I'm trying to draw random bezier lines from the left to the right in varying thicknesses and shapes (being able to see them being drawn from left to right).