Anyone Good With Flash? Need Some Help
StormLiong
Join Date: 2002-12-27 Member: 11569Members
<div class="IPBDescription">How to create a moving dotted line?</div> I am trying to create an animation of a coach drawing up his football strategy on a chalkboard. An example is like below
<img src='http://www.sandiego.gov/chargersissues/graphics/chalkboard.gif' border='0' alt='user posted image' />
My main barrier is figuring out how to animate a moving dotted line without doing frame-by-frame method.
Shape tweening seems to just mess it up with
1st Frame: Original dotted line
Mid Frames: Just one solid time
Final Frame: Final length in dotted line
If I animate it straight its alright. But in curves the line will not follow the path I would give it.
Example of what Ive done so far (none in a dotted line though)
<a href='http://www.michstuff.com/downloads/trailtest01.swf' target='_blank'>http://www.michstuff.com/downloads/trailtest01.swf</a>
Can anyone help?
Thanks
<img src='http://www.sandiego.gov/chargersissues/graphics/chalkboard.gif' border='0' alt='user posted image' />
My main barrier is figuring out how to animate a moving dotted line without doing frame-by-frame method.
Shape tweening seems to just mess it up with
1st Frame: Original dotted line
Mid Frames: Just one solid time
Final Frame: Final length in dotted line
If I animate it straight its alright. But in curves the line will not follow the path I would give it.
Example of what Ive done so far (none in a dotted line though)
<a href='http://www.michstuff.com/downloads/trailtest01.swf' target='_blank'>http://www.michstuff.com/downloads/trailtest01.swf</a>
Can anyone help?
Thanks
Comments
[edit]
Also, by the time you find someone who does know an easier way of doing it, you could probably have drawn it by hand 5 times already <!--emo&;)--><img src='http://www.unknownworlds.com/forums/html/emoticons/wink-fix.gif' border='0' style='vertical-align:middle' alt='wink-fix.gif' /><!--endemo--> (or another made up number)
1. create two layers
2. for the layer on the bottom, make a dotted line
3. on the top layer, make a shape that covers the whole stage or just the dotted line
3. on the top layer with the box, right click on the layer's label on the timeline and click 'mask'
4. unlock both of the layers and motion tween the box to gradually move away from the dotted line.
5. lock the layers back up
This should work, but the directions i made are pretty crappy. If they dont make sense look over google for a tutorial how to mask stuff.
I hope it helps.