# In need of help with Fading Grid tutorial

**URL:** <https://forum.kirupa.com/t/in-need-of-help-with-fading-grid-tutorial/58837>\
**Category:** flash\
**Created:** [July 26, 2004, 4:01pm UTC](https://forum.kirupa.com/t/in-need-of-help-with-fading-grid-tutorial/58837 "2004-07-26T16:01:23Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![jak675](https://avatars.discourse-cdn.com/v4/letter/j/6a8cbe/32.png) [@jak675](https://forum.kirupa.com/u/jak675)\
**Post date:** [July 26, 2004, 4:01pm UTC](https://forum.kirupa.com/t/in-need-of-help-with-fading-grid-tutorial/58837/1 "2004-07-26T16:01:23Z")

</div>

Can anyone provide some help with the fading grid tutorial? I just can’t seem to get it to work. [http://www.kirupa.com/developer/mx/fadegrid.htm](http://www.kirupa.com/developer/mx/fadegrid.htm)

Any help is greatly appreciated.

-Joe

---

<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, 6:04pm UTC](https://forum.kirupa.com/t/in-need-of-help-with-fading-grid-tutorial/58837/2 "2004-07-26T18:04:13Z")

</div>

what seems to be the problem? are you able to load the mc?

---

<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, 6:39pm UTC](https://forum.kirupa.com/t/in-need-of-help-with-fading-grid-tutorial/58837/3 "2004-07-26T18:39:46Z")

</div>

Well, i followed the tutorial to the letter, but was unable to load the mc. You wouldn’t happen to have an example file I could look at or know of where one is would you?

Thanks,  
Joe

---

<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, 7:03pm UTC](https://forum.kirupa.com/t/in-need-of-help-with-fading-grid-tutorial/58837/4 "2004-07-26T19:03:16Z")

</div>

here is a thread from [actionscript.org](http://actionscript.org):  
[http://www.actionscript.org/forums/showthread.php3?t=36287](http://www.actionscript.org/forums/showthread.php3?t=36287)

the zip file should help you out.

good luck!

---

<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, 7:10pm UTC](https://forum.kirupa.com/t/in-need-of-help-with-fading-grid-tutorial/58837/5 "2004-07-26T19:10:57Z")

</div>

That looks like it will help out. Thanks!!

---

<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, 7:16pm UTC](https://forum.kirupa.com/t/in-need-of-help-with-fading-grid-tutorial/58837/6 "2004-07-26T19:16:34Z")

</div>

Here’s a link to the source file. Image is copyright of ElectronGeek, [http://www.electrongeek.net.](http://www.electrongeek.net)

[http://www.voetsjoeba.com/upload/fadegrid.fla](http://www.voetsjoeba.com/upload/fadegrid.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 26, 2004, 7:31pm UTC](https://forum.kirupa.com/t/in-need-of-help-with-fading-grid-tutorial/58837/7 "2004-07-26T19:31:04Z")

</div>

Yeah i just tried it and it just sits there with the border, and never starts the animation to reveal the picture. I’m looking over it to make sure i did everything right. Anybody else had this problem and solved it? It’s a really cool effect though. Well i mean once it works…

EDIT–

Whoops looks like there were more posts while i was doing it, i’ll check those out.

---

<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:34pm UTC](https://forum.kirupa.com/t/in-need-of-help-with-fading-grid-tutorial/58837/8 "2004-07-26T21:34:02Z")

</div>

Ok i’m getting this figured out, it’s pretty cool… but i’m trying to create a function where it will also go in reverse (where the image is visible, and then goes away). Fraid i’m pretty bad at math, i’ve been messing with it. What code in the Fade function determines whether the alpha goes up or down? I know when i find out i’ll feel real stupid. Thanks.

---

<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:40pm UTC](https://forum.kirupa.com/t/in-need-of-help-with-fading-grid-tutorial/58837/9 "2004-07-26T21:40:54Z")

</div>

Try this code:

```auto

xunit = 27.7;
yunit = 27.7;
depth = 0;
box._visible = 0;
for (i=0; i<11; i++) {
	for (var k = 0; k<8; k++) {
		var cur = _root.box.duplicateMovieClip("box"+depth, depth);
		cur._x = _root.image._x+(xunit*i);
		cur._y = _root.image._y+(yunit*k);
		cur._alpha = 0;
		depth++;
	}
}
function continueFade(mc, speed) {
	mc.onEnterFrame = function() {
		this._alpha += speed;
		if (this._alpha>=100) {
			delete this.onEnterFrame;
		}
	};
}
function fadeMC(mcnr, speed) {
	_root["box"+mcnr].onEnterFrame = function() {
		this._alpha += speed;
		if (this._alpha>=10) {
			this.onEnterFrame = null;
			continueFade(this, speed);
			fadeOut(++mcnr, speed);
		}
	};
}
function fadeOut(startboxnr, speed) {
	fadeMC(startboxnr, speed);
}
fadeOut(0, 5);

```

🙂

---

<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 28, 2004, 6:18pm UTC](https://forum.kirupa.com/t/in-need-of-help-with-fading-grid-tutorial/58837/10 "2004-07-28T18:18:28Z")

</div>

Thanks Voetsjoeba, i’ve been messing with it some. It works, but something funny happens towards the end of the block fading where it skips a few blocks, but i’ll figure it out, just wanted to thank you for the help.