Actionscript 3 Designer Toolkit

More design, less programming

Actionscript 3 Designer Toolkit header image 4

Entries Tagged as 'drawing'

Using patterned backgrounds and masks: the Perf class

May 4th, 2010 · No Comments · AS3 Custom Classes

The Perf class draws a regular grid of either squares or circles that can then be applied as either a background or as a mask.  The parameters of the class constructor determine whether the pattern is composed of squares or circles, the spacing and size of the pattern and its color and transparency.

[Read more →]

Tags:···

Drawing a checkerboard background: the Checkerboard class

April 27th, 2010 · No Comments · AS3 Custom Classes

This post introduces the Checkerboard drawing class.  It is a simple and easy to use class that relies on Flash’s BitmapData class to draw the patterns.

[Read more →]

Tags:··

Drawing regular polygons: the Polygon Class

January 18th, 2010 · No Comments · AS3 Custom Classes

The Polygon class is a tool for drawing regular polygons with three or more sides. Parameters include the radius ( distance from the center of the polygon to any vertex), the number of sides, line weight and color and fill color.

[Read more →]

Tags:··

Drawings grids: the Grid Class

January 6th, 2010 · 2 Comments · AS3 Custom Classes

This post describes the Grid class which draws – surprisingly – grids. Parameters passed to the class include the wifth and height of the grid, spacing between grid lines, line weight and line color.  In addition to the required parameters, an optional parameter specifying a background color is available.  If no backgound color is specified, the [...]

[Read more →]

Tags:··

Drawing dashed & dotted lines: DashedLine Class

September 11th, 2009 · 3 Comments · AS3 Custom Classes

The DashedLine class is a simple drawing class whose required parameters include the total line length, width and height of each dash, the spacing between dashes and the dash color. An optional sixth parameter dashOffset creates dashes with slanted leading and trailing edges as in the second instance shown in the code and [...]

[Read more →]

Tags:···