Advanced Search

Create Dotted Line (made of any shape/MC)

/ Published in: ActionScript 3
Save to your folder(s)
You can replace the library item with whatever you want, or draw a shape in actionscript to use.

TweenMax is used in this snippet, get it here: http://www.greensock.com/tweenmax/ and thank Jack Doyle for being great by donating.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. // Right click the movieclip you wish to use in the library and 
  2. // change the linkage name to "Dot" or create your own custom class.
  3.  
  4. // TweenMax is used in this snippet, get it here: http://www.greensock.com/tweenmax/ 
  5. // and thank Jack Doyle for being great by donating.
  6.  
  7.  
  8. import com.greensock.TweenMax; 
  9. import com.greensock.easing.*;
  10.  
  11. var dotLength : int = 870; 				// the length that you'd like the dot to be
  12. createDotLine( dotLength, 50, 100 );  	// place this anywhere, this creates your dot, 
  13.                                   		// it takes three parameters: length + x,y of line
  14.  
  15. function createDotLine( dL:int, sX:int, sY:int ) : void
  16. {
  17. 	var dotSprite : Sprite = new Sprite();
  18. 	dotSprite.y = sY;
  19.         dotSprite.x = sX;
  20. 	addChild(dotSprite);
  21.  
  22. 	while ( dotSprite.width  <=  dL )
  23. 	{
  24. 		var w : int = dotSprite.width;
  25. 		var d : Sprite = new Dot();
  26. 		d.x = w;
  27. 		dotSprite.addChild( d );
  28. 	}
  29.  
  30. 	for ( var i : int = 0; i < dotSprite.numChildren; i++)
  31. 	{
  32. 		var dS = dotSprite.getChildAt( i );
  33. 		var plusMinusY : int;
  34. 		if ( i % 2 == 0 )
  35. 		{
  36. 			plusMinusY = dS.y - 50;
  37. 		} else {
  38. 			plusMinusY = dS.y + 50;
  39. 		}
  40.  
  41. 		TweenMax.from( dS, .7, { alpha:0, y:plusMinusY, x:dS.x - 40, delay:i * .01, ease:Expo.easeInOut });
  42. 	}
  43. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.