The drawing API is used to draw using only lines of code.
In the drawing API we have the following functions:
| lineStyle(thickness,rgb, alpha) |
The first thing you need to do before drawing is choosing your pencil.
You can choose the thickness, rgb(color) and alpha(transparency).
| moveTo(x, y) |
In the real life you have to move the pencil to the place where you are going to draw, this function is for that, we move the "pencil" to a desired x and y position.
| lineTo(x, y) |
After choosing a starting place we tell the "pencil" to draw a line to an x and y position.
| curveTo(controlX, controlY, anchorX, anchorY) |
This function is to draw a curve, anchorX and anchorY are the position of the end of the curve. And controlX and controlY tell to which direction the curve is going to be draw.
| beginFill(rgb, alpha) || endFill() |
When we are drawing an object that we want to fill with a color we call the function beginFill() before moving the "pencil" and after the last lineTo() we call endFill().
You are going to understand this when we go on examples.
| clear() |
This function is our virtual eraser, if we want to erase what we did and call clear().
Let's draw a square:
| _root.createEmptyMovieClip("dBoard",1); |
First we create a Movie Clip to draw on, we will call it "dBoard" and it will have 1 as its depth.
| dBoard.lineStyle(1,0,100); |
Define which "pencil" we are using. In this case the thickness is 1, the color is 0(black) and it has no transparency (100).
| dBoard.moveTo(30, 30) |
Here we move the "pencil" to the place we want as the start.
| dBoard.lineTo(60,30); |
| dBoard.lineTo(60,60); |
| dBoard.lineTo(30,60); |
| dBoard.lineTo(30,30); |
If you want to erase the square call clear().
To draw a square filled with black:
|
_root.createEmptyMovieClip("dBoard",1); dBoard.beginFill(0, 100); dBoard.moveTo(80, 80) dBoard.lineTo(110,80); dBoard.lineTo(110,110); dBoard.lineTo(80,110); dBoard.lineTo(80,80); dBoard.endFill(); |
Draw a curve:
|
_root.createEmptyMovieClip("dBoard",1); dBoard.lineStyle(1,0,100); dBoard.moveTo(130,130) dBoard.curveTo(180,180,130,230); |
This is every thing you need to know about the drawing in actionscript, with these functions you can draw almost everything.





