# How'd they do THIS?!

**URL:** <https://forum.kirupa.com/t/howd-they-do-this/57473>\
**Category:** flash\
**Created:** [July 13, 2004, 5:02pm UTC](https://forum.kirupa.com/t/howd-they-do-this/57473 "2004-07-13T17:02:45Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![niki](https://avatars.discourse-cdn.com/v4/letter/n/c57346/32.png) [@niki](https://forum.kirupa.com/u/niki)\
**Post date:** [July 13, 2004, 5:02pm UTC](https://forum.kirupa.com/t/howd-they-do-this/57473/1 "2004-07-13T17:02:45Z")

</div>

[http://www.flink.be/useagain/gallery/index.php?myDir=opening%20night](http://www.flink.be/useagain/gallery/index.php?myDir=opening%20night)

---

<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 13, 2004, 6:12pm UTC](https://forum.kirupa.com/t/howd-they-do-this/57473/2 "2004-07-13T18:12:04Z")

</div>

With Flash and depth changing, I’d imagine.

---

<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 13, 2004, 7:47pm UTC](https://forum.kirupa.com/t/howd-they-do-this/57473/3 "2004-07-13T19:47:47Z")

</div>

Like Z sorting?

---

<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 13, 2004, 9:03pm UTC](https://forum.kirupa.com/t/howd-they-do-this/57473/4 "2004-07-13T21:03:06Z")

</div>

Yeah I would also like to know how that was done. Really cool!!

---

<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 13, 2004, 10:51pm UTC](https://forum.kirupa.com/t/howd-they-do-this/57473/5 "2004-07-13T22:51:31Z")

</div>

Needs some improvement, but what about this  
[Stack Gallery](http://home.wanadoo.nl/gertvinke/experiment/gall_stack.html)

scotty(-:

---

<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 13, 2004, 10:56pm UTC](https://forum.kirupa.com/t/howd-they-do-this/57473/6 "2004-07-13T22:56:52Z")

</div>

Hey scotty I think you got…Looks good

---

<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 14, 2004, 12:49am UTC](https://forum.kirupa.com/t/howd-they-do-this/57473/7 "2004-07-14T00:49:32Z")

</div>

That does look really good. I have mulling this one over and I have gotten close but I can’t get the smooth movement of the pictures. Scotty can you let us know how you did it?

Thanks for any help.

Roger

---

<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 14, 2004, 12:57am UTC](https://forum.kirupa.com/t/howd-they-do-this/57473/8 "2004-07-14T00:57:43Z")

</div>

yep, good use of the swapDepths() function.

---

<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 26, 2004, 9:03am UTC](https://forum.kirupa.com/t/howd-they-do-this/57473/9 "2004-07-26T09:03:50Z")

</div>

Credits for this gallery need to go out to CraftyMind over at the twelvestone forums. The principle is quite simple: a PHP reads the contents of a directory and spits out an XML with all image names and widths/heights of all JPG’s in that particular directory. Flash reads this XML and then starts loading all images.

```auto
<?
$xml = '<?xml version="1.0"?'.'>';
$handle = opendir(".");
while ( ($file=readdir($handle)) !== false ) {
	if ( !is_dir($file) ){
		$pic = @getimagesize($file);
		if($pic != false && $pic[2] == 2){
			$xml .= '<img src="'.$file.'" width="'.$pic[0].'" height="'.$pic[1].'" />';
		}
	}
}
echo $xml;
?>

```

The animation is done with actionscript tweening, making use of Robert Penners easing functions (see [www.robertpenner.com or [url=“http://www.ultrashock.com”]www.ultrashock.com](http://www.robertpenner.com) for more info on this).

If you want to know more about it, download the sourcefiles or see some of your questions answered: read more about it here: [http://www.twelvestone.com/forums/showthread.php?s=&threadid=15182](http://www.twelvestone.com/forums/showthread.php?s=&threadid=15182)

Have fun with it!!

---

<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 26, 2004, 11:42am UTC](https://forum.kirupa.com/t/howd-they-do-this/57473/10 "2004-07-26T11:42:07Z")

</div>

YESSSSSSSSSSSSSSSSS!!!  
THANKS!!!  
xoxoxoxox

---

<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:** [August 28, 2004, 4:47am UTC](https://forum.kirupa.com/t/howd-they-do-this/57473/11 "2004-08-28T04:47:58Z")

</div>

> [@scotty](#):
>
> Needs some improvement, but what about this  
> [Stack Gallery](http://home.wanadoo.nl/gertvinke/experiment/gall_stack.html)
> 
> scotty(-:

I can’t open the page ?

---

<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:** [August 28, 2004, 10:56pm UTC](https://forum.kirupa.com/t/howd-they-do-this/57473/12 "2004-08-28T22:56:50Z")

</div>

darn it im several days late lol  
was gonna suggest its being done with a simple movement code and a swapDepths() when it reaches a certain frame/x pos (frame ifu wanna do it long way round or with mcs ;))

Prophet.

EDIT:- btw i broke your example Scotty… just click a few times before the photos get a chance to go to the back and hey presto, u got a broken example 😉 lol

---

<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:** [August 29, 2004, 1:34am UTC](https://forum.kirupa.com/t/howd-they-do-this/57473/13 "2004-08-29T01:34:48Z")

</div>

It can be done using mainly the timeline

---

<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:** [August 29, 2004, 3:59am UTC](https://forum.kirupa.com/t/howd-they-do-this/57473/14 "2004-08-29T03:59:45Z")

</div>

if you spaze like almost every person does when you give them a chance to click as fast as they want it easily locks up. so first poster guy set a wait up for clicking.

---

<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:** [August 29, 2004, 11:58am UTC](https://forum.kirupa.com/t/howd-they-do-this/57473/15 "2004-08-29T11:58:11Z")

</div>

check the original site - it doesnt have this problem…  
and what if you wer searching for a particular image to show your friend?  
u dont “spaz out” and if you have to wait it just gets annoying and you end up not showing your mate…

not sure how scotty did it but id use mcs with the animation on them (and at the appropriate keyframe the swapDepths function) and then just have an invisible button which does a simple play() function on the next mc… which of course it finds via a variable:

```auto
_root["mc"+i].play()
i++
if(i > numberMCPhotos){
    i=0
}

```

wer of course the photos are mcs named _mc0_, _mc1_, _mc2_ etc etc…

Prophet.

---

<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:** [August 30, 2004, 9:37am UTC](https://forum.kirupa.com/t/howd-they-do-this/57473/16 "2004-08-30T09:37:20Z")

</div>

> [@Prophet](#):
>
> …not sure how scotty did it …

Like this;)

scotty(-:

---

<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:** [September 2, 2004, 6:11am UTC](https://forum.kirupa.com/t/howd-they-do-this/57473/17 "2004-09-02T06:11:15Z")

</div>

ello scotty where can i put in ur fla if i’m wanna using 500x450 size pictured…coz currently my picture move to right a little bit as well as the bottom…

which part in the code i have to changed…  
opsss… almost forgot my canvas size would be 700 x 600…

really need help…thank you…

---

<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:** [September 2, 2004, 7:18am UTC](https://forum.kirupa.com/t/howd-they-do-this/57473/18 "2004-09-02T07:18:08Z")

</div>

The dimensions of your movie?  
I’ll have a look later…

scotty(-:

---

<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:** [September 2, 2004, 7:38am UTC](https://forum.kirupa.com/t/howd-they-do-this/57473/19 "2004-09-02T07:38:31Z")

</div>

ok sir…i’ll look forward for ur reply…

tq

---

<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:** [September 6, 2004, 4:34am UTC](https://forum.kirupa.com/t/howd-they-do-this/57473/20 "2004-09-06T04:34:10Z")

</div>

ello scotty…how about my question regarding dimension of the movie…still waiting for ur guided…i try to change the code but it seem’s not working…emmm…pls help me…