# How to make etsy.com Time Machine Part two

**URL:** <https://forum.kirupa.com/t/how-to-make-etsy-com-time-machine-part-two/185079>\
**Category:** flash\
**Created:** [April 10, 2006, 8:18pm UTC](https://forum.kirupa.com/t/how-to-make-etsy-com-time-machine-part-two/185079 "2006-04-10T20:18:43Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![devinstar](https://avatars.discourse-cdn.com/v4/letter/d/e495f1/32.png) [@devinstar](https://forum.kirupa.com/u/devinstar)\
**Post date:** [April 10, 2006, 8:18pm UTC](https://forum.kirupa.com/t/how-to-make-etsy-com-time-machine-part-two/185079/1 "2006-04-10T20:18:43Z")

</div>

Hi all,

Okay what I want to make it this:

[http://www.etsy.com/time\_machine.php#goods](http://www.etsy.com/time_machine.php#goods)

What I have come up with so far is this:

[http://www.devincheevers.com/3D/click\_zoom.html](http://www.devincheevers.com/3D/click_zoom.html)

The problem with mine is that it draws all the ‘items’ at once where as the [etsy.com](http://etsy.com) one only draw a certain amount and then wait till you zoom in to draw the rest.

Any idea on how to do this?

---

<div class="post-metadata">

**Author:** ![nathan99](https://avatars.discourse-cdn.com/v4/letter/n/96bed5/32.png) [@nathan99](https://forum.kirupa.com/u/nathan99)\
**Post date:** [April 10, 2006, 9:13pm UTC](https://forum.kirupa.com/t/how-to-make-etsy-com-time-machine-part-two/185079/2 "2006-04-10T21:13:21Z")

</div>

do you have a fla to work with?

---

<div class="post-metadata">

**Author:** ![joran420](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/joran420/32/2329_2.png) [@joran420](https://forum.kirupa.com/u/joran420)\
**Post date:** [April 10, 2006, 11:07pm UTC](https://forum.kirupa.com/t/how-to-make-etsy-com-time-machine-part-two/185079/3 "2006-04-10T23:07:42Z")

</div>

Take a look at this code

I dont know who originally wrote it but Deceptive posted it in my thread about spirals

play around with it to get it to repsond how you want

[FONT=Courier New][LEFT][COLOR=#000000] **function** [/COLOR] setBrightness[COLOR=#000000]([/COLOR]col:[COLOR=#0000ff]Color[/COLOR], brightness:[COLOR=#0000ff]Number[/COLOR][COLOR=#000000])[/COLOR]:[COLOR=#0000ff]Void[/COLOR] [COLOR=#000000]{[/COLOR]  
[COLOR=#000000] **var** [/COLOR] anum:[COLOR=#0000ff]Number[/COLOR] = [COLOR=#000080]100[/COLOR]-brightness;  
[COLOR=#000000] **var** [/COLOR] bnum:[COLOR=#0000ff]Number[/COLOR] = [COLOR=#000080]255[/COLOR]/[COLOR=#000080]100[/COLOR]_brightness;  
col.[COLOR=#0000ff]setTransform[/COLOR][COLOR=#000000]([/COLOR][COLOR=#000000]{[/COLOR]re:anum, ga:anum, ba:anum, rb:bnum, gb:bnum, bb:bnum, aa:[COLOR=#000080]100[/COLOR], ab:[COLOR=#000080]0[/COLOR][COLOR=#000000]}[/COLOR][COLOR=#000000])[/COLOR];  
[COLOR=#000000]}[/COLOR]  
[COLOR=#000000] **var** [/COLOR] scaleMax:[COLOR=#0000ff]Number[/COLOR] = [COLOR=#000080]800[/COLOR];  
[COLOR=#000000] **var** [/COLOR] fadeOut:[COLOR=#0000ff]Number[/COLOR] = [COLOR=#000080]0[/COLOR].[COLOR=#000080]93[/COLOR];  
[COLOR=#000000] **var** [/COLOR] frequency:[COLOR=#0000ff]Number[/COLOR] = [COLOR=#000080]10[/COLOR];  
[COLOR=#000000] **var** [/COLOR] colMin:[COLOR=#0000ff]Number[/COLOR] = [COLOR=#000080]0[/COLOR];  
[COLOR=#000000] **var** [/COLOR] colMax:[COLOR=#0000ff]Number[/COLOR] = [COLOR=#000080]40[/COLOR];  
[COLOR=#000000] **var** [/COLOR] colVariance:[COLOR=#0000ff]Number[/COLOR] = colMax-colMin;  
[COLOR=#000000] **function** [/COLOR] hRadCOLOR=#000000[/COLOR]:[COLOR=#0000ff]Number[/COLOR] [COLOR=#000000]{[/COLOR]  
[COLOR=#0000ff]return[/COLOR] [COLOR=#000080]4[/COLOR]+[COLOR=#0000ff]Math[/COLOR].[COLOR=#0000ff]random[/COLOR]COLOR=#000000[/COLOR];  
[COLOR=#000000]}[/COLOR]  
[COLOR=#000000] **function** [/COLOR] vRadCOLOR=#000000[/COLOR]:[COLOR=#0000ff]Number[/COLOR] [COLOR=#000000]{[/COLOR]  
[COLOR=#0000ff]return[/COLOR] [COLOR=#000080]4[/COLOR]+[COLOR=#0000ff]Math[/COLOR].[COLOR=#0000ff]random[/COLOR]COLOR=#000000[/COLOR];  
[COLOR=#000000]}[/COLOR]  
[COLOR=#000000] **function** [/COLOR] vRadIncCOLOR=#000000[/COLOR]:[COLOR=#0000ff]Number[/COLOR] [COLOR=#000000]{[/COLOR]  
[COLOR=#0000ff]return[/COLOR] [COLOR=#000080]0[/COLOR].[COLOR=#000080]1[/COLOR];  
[COLOR=#000000]}[/COLOR]  
[COLOR=#000000] **function** [/COLOR] hRadIncCOLOR=#000000[/COLOR]:[COLOR=#0000ff]Number[/COLOR] [COLOR=#000000]{[/COLOR]  
[COLOR=#0000ff]return[/COLOR] [COLOR=#000080]0[/COLOR].[COLOR=#000080]1[/COLOR];  
[COLOR=#000000]}[/COLOR]  
[COLOR=#000000] **function** [/COLOR] lrSpeedCOLOR=#000000[/COLOR]:[COLOR=#0000ff]Number[/COLOR] [COLOR=#000000]{[/COLOR]  
[COLOR=#0000ff]return[/COLOR] [COLOR=#000080]5[/COLOR]+[COLOR=#0000ff]Math[/COLOR].[COLOR=#0000ff]random[/COLOR]COLOR=#000000[/COLOR]_[COLOR=#000080]40[/COLOR];  
[COLOR=#000000]}[/COLOR]  
[COLOR=#000000] **function** [/COLOR] scaleUpSpeedCOLOR=#000000[/COLOR]:[COLOR=#0000ff]Number[/COLOR] [COLOR=#000000]{[/COLOR]  
[COLOR=#0000ff]return[/COLOR] [COLOR=#000080]1[/COLOR].[COLOR=#000080]02[/COLOR];  
[COLOR=#000000]}[/COLOR]  
[COLOR=#000000] **function** [/COLOR] nooColCOLOR=#000000[/COLOR]:[COLOR=#0000ff]Number[/COLOR] [COLOR=#000000]{[/COLOR]  
[COLOR=#0000ff]return[/COLOR] colMin+[COLOR=#0000ff]Math[/COLOR].[COLOR=#0000ff]random[/COLOR]COLOR=#000000[/COLOR]_colVariance;  
[COLOR=#000000]}[/COLOR]  
[COLOR=#000000] **var** [/COLOR] depth:[COLOR=#0000ff]Number[/COLOR] = [COLOR=#000080]0[/COLOR];  
[COLOR=#0000ff]onEnterFrame[/COLOR] = [COLOR=#000000] **function** [/COLOR] COLOR=#000000[/COLOR] [COLOR=#000000]{[/COLOR]  
[COLOR=#0000ff]if[/COLOR] [COLOR=#000000]([/COLOR][COLOR=#0000ff]Math[/COLOR].[COLOR=#0000ff]floor[/COLOR]COLOR=#000000[/COLOR] == [COLOR=#000080]0[/COLOR][COLOR=#000000])[/COLOR] [COLOR=#000000]{[/COLOR]  
depth++;  
[COLOR=#000000] **var** [/COLOR] noo:[COLOR=#0000ff]MovieClip[/COLOR] = [COLOR=#0000ff]\_root[/COLOR].[COLOR=#0000ff]attachMovie[/COLOR][COLOR=#000000]([/COLOR][COLOR=#ff0000]“ball”[/COLOR], [COLOR=#ff0000]“ball”[/COLOR]+depth, depth[COLOR=#000000])[/COLOR];  
[COLOR=#000000] **var** [/COLOR] col:[COLOR=#0000ff]Color[/COLOR] = [COLOR=#000000] **new** [/COLOR] [COLOR=#0000ff]Color[/COLOR]COLOR=#000000[/COLOR];  
setBrightness[COLOR=#000000]([/COLOR]col, nooColCOLOR=#000000[/COLOR][COLOR=#000000])[/COLOR];  
noo.[COLOR=#0000ff]\_x[/COLOR] = -[COLOR=#000080]50[/COLOR];  
noo.[COLOR=#0000ff]\_y[/COLOR] = -[COLOR=#000080]50[/COLOR];  
noo.[COLOR=#0000ff]\_xscale[/COLOR] = noo.[COLOR=#0000ff]\_yscale[/COLOR]=[COLOR=#000080]10[/COLOR];  
noo.[COLOR=#000080]scaleSpeed[/COLOR] = scaleUpSpeedCOLOR=#000000[/COLOR];  
noo.[COLOR=#000080]lrSpeed[/COLOR] = lrSpeedCOLOR=#000000[/COLOR];  
noo.[COLOR=#000080]hRad[/COLOR] = hRadCOLOR=#000000[/COLOR];  
noo.[COLOR=#000080]vRad[/COLOR] = vRadCOLOR=#000000[/COLOR];  
noo.[COLOR=#000080]hRadInc[/COLOR] = hRadIncCOLOR=#000000[/COLOR];  
noo.[COLOR=#000080]vRadInc[/COLOR] = vRadIncCOLOR=#000000[/COLOR];  
noo.[COLOR=#000080]lr[/COLOR] = [COLOR=#000080]0[/COLOR];  
noo.[COLOR=#0000ff]onEnterFrame[/COLOR] = [COLOR=#0000ff]\_root[/COLOR].[COLOR=#000080]expand[/COLOR];  
[COLOR=#000000]}[/COLOR]  
[COLOR=#000000]}[/COLOR];  
[COLOR=#000000] **function** [/COLOR] expandCOLOR=#000000[/COLOR] [COLOR=#000000]{[/COLOR]  
[COLOR=#0000ff]this[/COLOR].[COLOR=#000080]lr[/COLOR] += [COLOR=#0000ff]this[/COLOR].[COLOR=#000080]lrSpeed[/COLOR];  
[COLOR=#0000ff]this[/COLOR].[COLOR=#000080]hRad[/COLOR] += [COLOR=#0000ff]this[/COLOR].[COLOR=#000080]hRadInc[/COLOR];  
[COLOR=#0000ff]this[/COLOR].[COLOR=#000080]vRad[/COLOR] += [COLOR=#0000ff]this[/COLOR].[COLOR=#000080]vRadInc[/COLOR];  
[COLOR=#0000ff]this[/COLOR].[COLOR=#0000ff]\_x[/COLOR] = [COLOR=#0000ff]Stage[/COLOR].[COLOR=#0000ff]width[/COLOR]/[COLOR=#000080]2[/COLOR]+[COLOR=#0000ff]this[/COLOR].[COLOR=#000080]hRad[/COLOR]_[COLOR=#0000ff]Math[/COLOR].[COLOR=#0000ff]sin[/COLOR]COLOR=#000000[/COLOR];  
[COLOR=#0000ff]this[/COLOR].[COLOR=#0000ff]\_y[/COLOR] = [COLOR=#0000ff]Stage[/COLOR].[COLOR=#0000ff]width[/COLOR]/[COLOR=#000080]2[/COLOR]+[COLOR=#0000ff]this[/COLOR].[COLOR=#000080]vRad[/COLOR]\*[COLOR=#0000ff]Math[/COLOR].[COLOR=#0000ff]cos[/COLOR]COLOR=#000000[/COLOR];  
[COLOR=#0000ff]this[/COLOR].[COLOR=#0000ff]\_yscale[/COLOR] = [COLOR=#0000ff]this[/COLOR].[COLOR=#0000ff]\_xscale[/COLOR] \*= [COLOR=#0000ff]this[/COLOR].[COLOR=#000080]scaleSpeed[/COLOR];  
[COLOR=#0000ff]this[/COLOR].[COLOR=#0000ff]swapDepths[/COLOR]COLOR=#000000[/COLOR];  
[COLOR=#0000ff]if[/COLOR] COLOR=#000000[/COLOR] [COLOR=#000000]{[/COLOR]  
[COLOR=#0000ff]this[/COLOR].[COLOR=#0000ff]\_alpha[/COLOR] \*= [COLOR=#0000ff]\_root[/COLOR].[COLOR=#000080]fadeOut[/COLOR];  
[COLOR=#0000ff]if[/COLOR] COLOR=#000000[/COLOR] [COLOR=#000000]{[/COLOR]  
[COLOR=#0000ff]this[/COLOR].[COLOR=#0000ff]removeMovieClip[/COLOR]COLOR=#000000[/COLOR];  
[COLOR=#000000]}[/COLOR]  
[COLOR=#000000]}[/COLOR]  
[COLOR=#000000]}[/COLOR]  
[/LEFT]  
[/FONT]

---

<div class="post-metadata">

**Author:** ![Greggeh](https://avatars.discourse-cdn.com/v4/letter/g/8baadc/32.png) [@Greggeh](https://forum.kirupa.com/u/Greggeh)\
**Post date:** [April 11, 2006, 8:05am UTC](https://forum.kirupa.com/t/how-to-make-etsy-com-time-machine-part-two/185079/4 "2006-04-11T08:05:54Z")

</div>

I see you wrote a new threat.

[http://www.devincheevers.com/3D/click\_zoom.html](http://www.devincheevers.com/3D/click_zoom.html) is now with 3 grey circles. I thought you had the whole sprial thing goin on already , but with red squares. Anyway, why dont you share the .fla. this is way to hard to help you out

---

<div class="post-metadata">

**Author:** ![devinstar](https://avatars.discourse-cdn.com/v4/letter/d/e495f1/32.png) [@devinstar](https://forum.kirupa.com/u/devinstar)\
**Post date:** [April 11, 2006, 12:17pm UTC](https://forum.kirupa.com/t/how-to-make-etsy-com-time-machine-part-two/185079/5 "2006-04-11T12:17:13Z")

</div>

[http://www.devincheevers.com/share/spiral-share.fla](http://www.devincheevers.com/share/spiral-share.fla)  
[http://www.devincheevers.com/share/spiral-share-mx2004.fla](http://www.devincheevers.com/share/spiral-share-mx2004.fla)

Hopefully we can get that a bit more ‘[etsy](http://www.etsy.com/time_machine.php#goods)’ like 😉

What I mean by that is mine is just adding the items in a circle pattern then adjusting there z value to give the effect of depth.

But on [etsy.com](http://www.etsy.com/time_machine.php#goods) it seems to be more of a proper spiral!

---

<div class="post-metadata">

**Author:** ![devinstar](https://avatars.discourse-cdn.com/v4/letter/d/e495f1/32.png) [@devinstar](https://forum.kirupa.com/u/devinstar)\
**Post date:** [April 11, 2006, 12:18pm UTC](https://forum.kirupa.com/t/how-to-make-etsy-com-time-machine-part-two/185079/6 "2006-04-11T12:18:13Z")

</div>

> I see you wrote a new threat.

[http://www.devincheevers.com/3D/click\_zoom.html](http://www.devincheevers.com/3D/click_zoom.html) is now with 3 grey circles. I thought you had the whole sprial thing goin on already , but with red squares. Anyway, why dont you share the .fla. this is way to hard to help you out

Just click on the second circle from the top ‘2222’ it then downloads the image paths from a database and loads them in. That was the whole point of trying to create this spiral effect!

---

<div class="post-metadata">

**Author:** ![devinstar](https://avatars.discourse-cdn.com/v4/letter/d/e495f1/32.png) [@devinstar](https://forum.kirupa.com/u/devinstar)\
**Post date:** [April 11, 2006, 12:28pm UTC](https://forum.kirupa.com/t/how-to-make-etsy-com-time-machine-part-two/185079/7 "2006-04-11T12:28:40Z")

</div>

test

---

<div class="post-metadata">

**Author:** ![devinstar](https://avatars.discourse-cdn.com/v4/letter/d/e495f1/32.png) [@devinstar](https://forum.kirupa.com/u/devinstar)\
**Post date:** [April 11, 2006, 6:05pm UTC](https://forum.kirupa.com/t/how-to-make-etsy-com-time-machine-part-two/185079/8 "2006-04-11T18:05:57Z")

</div>

Any one come up with anything?

---

<div class="post-metadata">

**Author:** ![nathan99](https://avatars.discourse-cdn.com/v4/letter/n/96bed5/32.png) [@nathan99](https://forum.kirupa.com/u/nathan99)\
**Post date:** [April 11, 2006, 9:28pm UTC](https://forum.kirupa.com/t/how-to-make-etsy-com-time-machine-part-two/185079/9 "2006-04-11T21:28:18Z")

</div>

may b3e able to:)

but after school:)

---

<div class="post-metadata">

**Author:** ![devinstar](https://avatars.discourse-cdn.com/v4/letter/d/e495f1/32.png) [@devinstar](https://forum.kirupa.com/u/devinstar)\
**Post date:** [April 12, 2006, 11:52am UTC](https://forum.kirupa.com/t/how-to-make-etsy-com-time-machine-part-two/185079/10 "2006-04-12T11:52:31Z")

</div>

I’m going to be taking down thoose .flas today if no one has come up with anything new.

---

<div class="post-metadata">

**Author:** ![Greggeh](https://avatars.discourse-cdn.com/v4/letter/g/8baadc/32.png) [@Greggeh](https://forum.kirupa.com/u/Greggeh)\
**Post date:** [April 12, 2006, 2:22pm UTC](https://forum.kirupa.com/t/how-to-make-etsy-com-time-machine-part-two/185079/11 "2006-04-12T14:22:09Z")

</div>

i have

well not really much, ive been just playing with it, also added keyfeatures,

up=up  
down=down  
left=left  
right=right  
-=zoom out  
+= zoom in

Also set the mcs to \_visible = false if z\<0.

---

<div class="post-metadata">

**Author:** ![Greggeh](https://avatars.discourse-cdn.com/v4/letter/g/8baadc/32.png) [@Greggeh](https://forum.kirupa.com/u/Greggeh)\
**Post date:** [April 12, 2006, 2:24pm UTC](https://forum.kirupa.com/t/how-to-make-etsy-com-time-machine-part-two/185079/12 "2006-04-12T14:24:02Z")

</div>

maybe someone can make a rotation function so we get something like [http://www.dartdesign.de/](http://www.dartdesign.de/) (;

---

<div class="post-metadata">

**Author:** ![devinstar](https://avatars.discourse-cdn.com/v4/letter/d/e495f1/32.png) [@devinstar](https://forum.kirupa.com/u/devinstar)\
**Post date:** [April 12, 2006, 3:17pm UTC](https://forum.kirupa.com/t/how-to-make-etsy-com-time-machine-part-two/185079/13 "2006-04-12T15:17:54Z")

</div>

thanks Greggeh, good work, do u think u could chuck the .fla up as well?

---

<div class="post-metadata">

**Author:** ![Greggeh](https://avatars.discourse-cdn.com/v4/letter/g/8baadc/32.png) [@Greggeh](https://forum.kirupa.com/u/Greggeh)\
**Post date:** [April 12, 2006, 7:05pm UTC](https://forum.kirupa.com/t/how-to-make-etsy-com-time-machine-part-two/185079/14 "2006-04-12T19:05:07Z")

</div>

no prob!

I assume you have F8, as you posted the F8 file aswell (;
