AS3 Dotted Line Class

Jay on Apr 2nd 2009 with 14 comments

Here is an ActionScript 3 class I use all the time to draw pixel perfect dotted lines in Flash. Free for any use other than reselling.

 
Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By Jay

Rollover to read this author's bio or click through to see a full list of posts by this author.

My name is Jay and I’m a freelance Interactive Art Director/Flash Developer from the Washington, DC area.  

Plus Premium
 
 
Add Comment

Discussion 14 Comments

  1. Brian says:
    April 2, 2009 at 1:38 am

    First!

    Reply
  2. Brian says:
    April 2, 2009 at 1:38 am

    And thanks!

    Reply
  3. Ben says:
    April 2, 2009 at 3:22 am

    Awesome. By the way, what a great way to separate your functions in your code!

    Reply
  4. Marvin says:
    April 2, 2009 at 4:47 am

    very great ;)

    Reply
  5. Bruno says:
    April 3, 2009 at 7:58 am

    Very good job ! Very orderly in your work. :)

    Reply
  6. Diego SA says:
    April 28, 2009 at 1:12 pm

    Simple and useful!

    Reply
  7. Marcelo Casé says:
    June 23, 2009 at 6:50 pm

    Excelent! Thanks man!

    Reply
  8. dbam says:
    September 26, 2009 at 5:09 am

    Definitely a time-saver, thank You for sharing!
    Allow me two notes though, what i saw after 2 minutes of testing…
    1. in the constructor the “dotAlpha” doesn’t have a type declaration, i used Number, like “dotAlpha:Number = 1″.
    2. the variable “tile” of type BitmapData has a height of “_h +1″, that gave me a one pixel artifact ( occasionally ), changing it to just “_h” gives the desired result…i’m wondering why the +1 though.

    Still, nothing that one wouldn’t notice after using Your class – easy to pin.
    Great share, thanks again Jay!

    Reply
  9. jgh says:
    December 9, 2009 at 12:13 am

    Good!一个字,“好”

    Reply
  10. SDC says:
    February 3, 2010 at 7:52 am

    just looking at the AS really quick and I’m still getting use to using classes and I figured out all the values except for the “0.9″. What does that control?

    var s:Shape = new DottedLine(630, 1, 0×603120, 0.9, 1, 2);

    Reply
    • SDC says:
      February 3, 2010 at 8:03 am

      Ok I figured that out. But now another question. In the AS file, _h is more of a stroke weight that an actual height. How would the AS be altered to have the properties control a line that runs vertically instead of horizontal?

      Reply
  11. Roman says:
    June 28, 2010 at 3:37 am

    “How would the AS be altered to have the properties control a line that runs vertically instead of horizontal?”

    I would like to know this too.

    Reply
  12. maciej says:
    June 15, 2011 at 8:48 am

    import com.warmforestflash.drawing.DottedLine;
    import flash.display.*;
    import flash.events.*;

    stage.align=StageAlign.TOP_LEFT;
    stage.scaleMode=StageScaleMode.NO_SCALE;
    stage.addEventListener(Event.RESIZE, resizeHandler);

    function resizeHandler(e:Event=null):void{

    var s:Shape=new DottedLine(stage.stageWidth – 44, 1, 0×603120, 1, 1, 2);
    addChild(s);

    s.x = 22;
    s.y = 22;

    }
    resizeHandler()

    On the right side of the site is not align. How to change the parameters to align dot 22px on the left site and 22px on the right side?

    Reply

Add a Comment

To add a code snippet to your comment, please wrap your code like so: <pre name="code" class="html">YOUR CODE</pre>. You can replace the class name with "js," "css," "sql," or "php." If there are any "<" or ">" within your code, please search and replace them with: &lt; and &gt; respectively.