# FMX growing circle

**URL:** <https://forum.kirupa.com/t/fmx-growing-circle/27076>\
**Category:** flash\
**Created:** [July 29, 2003, 10:55pm UTC](https://forum.kirupa.com/t/fmx-growing-circle/27076 "2003-07-29T22:55:35Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![borispc](https://avatars.discourse-cdn.com/v4/letter/b/ac8455/32.png) [@borispc](https://forum.kirupa.com/u/borispc)\
**Post date:** [July 29, 2003, 10:55pm UTC](https://forum.kirupa.com/t/fmx-growing-circle/27076/1 "2003-07-29T22:55:35Z")

</div>

Hi people!..this message is not really aimed to an ActionScript answer…more like just tweening probably…:  
how do you make a line grow into a circle (trying to animate a mask to do that is a pain in the neck).  
Has anyone done this, or knows an easy way to do it?  
thanks!:esmirk:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 29, 2003, 11:00pm UTC](https://forum.kirupa.com/t/fmx-growing-circle/27076/2 "2003-07-29T23:00:07Z")

</div>

I want to use that in an animation for a preloader so a tweening is the easiest…but how to animate mask ??

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 30, 2003, 10:18am UTC](https://forum.kirupa.com/t/fmx-growing-circle/27076/3 "2003-07-30T10:18:46Z")

</div>

You can just do a shape tween from a line to a circle or a motion tween with the circle starting as a free transformed very small thing.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 30, 2003, 5:11pm UTC](https://forum.kirupa.com/t/fmx-growing-circle/27076/4 "2003-07-30T17:11:14Z")

</div>

meant was to make a circle grow from beginning to end (clockwise)…I guess I didn’t explain myself very well…sorry about that.  
See [www.podlab.com/JAFFE/www3](http://www.podlab.com/JAFFE/www3)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 30, 2003, 5:12pm UTC](https://forum.kirupa.com/t/fmx-growing-circle/27076/5 "2003-07-30T17:12:00Z")

</div>

go to portfolio/interiors and select one of the 8 choices to see what I mean

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 30, 2003, 5:42pm UTC](https://forum.kirupa.com/t/fmx-growing-circle/27076/6 "2003-07-30T17:42:23Z")

</div>

It might not be the best way, I’m not a math guy, but it does the job quite well. 😛  
[AS]this.createEmptyMovieClip(“circle”, 0);  
circle.\_x = Stage.width/2;  
circle.\_y = Stage.height/2;  
circle.radius = 20;  
circle.\_rotation = 270;  
circle.onEnterFrame = function() {  
var t, l, p, i;  
l = this.\_parent.getBytesLoaded();  
t = this.\_parent.getBytesTotal();  
p = Math.floor(100_l/t);  
this.clear();  
this.lineStyle(1, 0x000000, 100);  
this.moveTo(this.radius, 0);  
for (i=0; i\<p_(Math.PI_2)/100; i += (Math.PI_2)/100) {  
this.lineTo(Math.cos(i)\*this.radius, Math.sin(i)\*this.radius);  
}  
if (l\>0 && l == t) {  
this.\_parent.play();  
}  
};  
this.stop();[/AS]

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 30, 2003, 10:55pm UTC](https://forum.kirupa.com/t/fmx-growing-circle/27076/7 "2003-07-30T22:55:54Z")

</div>

oh heh you posted while i was makin an fla… anyway ill post mine too… hope it helps… i commented the code (i did it on the enter frame for an empty mc i manually put on the stage though… im not too good with the frame functions and stuff)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 30, 2003, 10:58pm UTC](https://forum.kirupa.com/t/fmx-growing-circle/27076/8 "2003-07-30T22:58:11Z")

</div>

oh and looking at the other code i realized that if you want the circle to start drawing from the top select the empty mc and rotate it 270 degrees ( i think that might work)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 30, 2003, 11:01pm UTC](https://forum.kirupa.com/t/fmx-growing-circle/27076/9 "2003-07-30T23:01:06Z")

</div>

> _Originally posted by Scootman_  
> **oh heh you posted while i was makin an fla…**

Come on… it took you 5 hours to make that FLA!? 😛

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 30, 2003, 11:41pm UTC](https://forum.kirupa.com/t/fmx-growing-circle/27076/10 "2003-07-30T23:41:44Z")

</div>

I haven’t tried kax’s script yet but thanks to both…I guess you can make it dependent to any object you want to load just changing the path of that object (the one we would get the Bytes Loaded from) 😛

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 30, 2003, 11:46pm UTC](https://forum.kirupa.com/t/fmx-growing-circle/27076/11 "2003-07-30T23:46:10Z")

</div>

you could always use my path class  
…

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 30, 2003, 11:57pm UTC](https://forum.kirupa.com/t/fmx-growing-circle/27076/12 "2003-07-30T23:57:49Z")

</div>

> _Originally posted by lostinbeta_  
> \*\*Wow, that is excellent Sen.

\*\*\*\* your skills…lol.\*\*

That would be my answer, senocular. 😛 😉

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 31, 2003, 12:01am UTC](https://forum.kirupa.com/t/fmx-growing-circle/27076/13 "2003-07-31T00:01:19Z")

</div>

I missed that one 😉

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 31, 2003, 7:25am UTC](https://forum.kirupa.com/t/fmx-growing-circle/27076/14 "2003-07-31T07:25:28Z")

</div>

oh heh kax i must have just not seen it before i made the fla… lol it took me about 10-15 minutes 🙂