Flash :: Fading Grid Effect Wont Work In Preloader And Transition?

Fading Grid Effect Wont Work In Preloader And Transition?
Hi guys

Got a bit of a problem, i have main.swf that has a preloader and transition to load external movies in it. In one of the external movies i used the fading grid effect on the backround pic. If you view the external movie on its own it works fine but when i try and view it on the main.swf page nothing happens. I think imaybe the actionscript of the fading grid effect needs to have a bit of a twick for it to work. Im dum when it comes to AS so im going to post it aswell. Please realy need help with this.

Thanks

//Declare variables
xspacing = box._width;
yspacing = box._height;
depth = 0;
box._visible = 0;
azcount = 0;
smoothness = 85;
//Calculate positions and values
amH = Math.ceil(image._width/box._width);
amV = Math.ceil(image._height/box._height);
border._height = image._height+1;
border._width = image._width+1;
border._x = image._x-0.5;
border._y = image._y-0.5;
//Create grid
for (i=0; i<amH; i++) {
for (var k = 0; k<amV; k++) {
box.duplicateMovieClip("box"+depth, depth);
cur = this["box"+depth];
cur._x = image._x+(xspacing*i);
cur._y = image._y+(yspacing*k);
depth++;
}
}
//
//
// End of grid
//
//
function fadeOut(startboxnr, speed) {
fadeMC(startboxnr, speed);
}
function fadeMC(mcnr, speed) {
azcount++;
_root["box"+mcnr].onEnterFrame = function() {
_root["box"+mcnr]._alpha -= speed;
if (_root["box"+mcnr]._alpha<=smoothness) {
_root["box"+mcnr].onEnterFrame = null;
continueFade(_root["box"+mcnr], speed);
mcnr += 1;
fadeOut(mcnr, speed);
}
};
}
function continueFade(mc, speed) {
mc.onEnterFrame = function() {
mc._alpha -= speed;
if (mc._alpha<=0) {
delete mc.onEnterFrame;
}
};
}
fadeOut(0, 5);

Fading Grid Effect
please can someone point me in the direction of a tutorial or give me some info on creating the fading grid on this page

http://www.test.mizera.pointclark.net/fade/

in flash

Need A Lil Help With A Fading Grid Effect
Hey guys,
Need a lil help with the fading grid effect! I have attached the files and code. When I run it, it does nothing, or, you can't see anything... I can't decide which it is. Please help!
>> Kevin

Scotty´s Fading Grid Effect
Scotty let me just say that your fading grid effect it's fantastic, and i will really like to use it, but in a slide show of images, and i don´t now how to do it. Can you help

thanks in advanced

Flash Grid Transition Effect
Hello everyone-

I'm wondering if someone could possibly point me in the direction of a specific tutorial... Basically, the effect I would love to create is as demonstrated on this website, where the different squares transition into the image. I think it looks amazing and I would really like to create something to that similar effect.

http://www.kseproduction.com/event-design/index.shtml

If anyone has any pointers or knows of any good tutorials, that would be great! Thanks, and have a good evening!

Fading Grid Tutorial Doesn't Work
Hi, I tried the fading grid tutorial but it doesn't work. I hope someone can help me check what is wrong. Thanks!
Url:http://www.kirupa.com/developer/mx/fadegrid.htm

Fading Grid
I tried this tutorial and had no problem with it.

But how do i make the box appear faster?

Fading Grid
I was trying to create this effect published on Kirupa:

http://www.kirupa.com/developer/mx/fadegrid.htm

I'm using flash 5, and have followed this to the letter, but when I test/run the file I just get a blank white page, no border, no image. I'm not sure if it's the way I set things up or the Action Script I copied & pasted from the posting, Anyone got any suggestions? or sample code?

Many thanks
An absolute desperate to get this working - SpiritDancer.

Fading Grid Help
Just a quick question:

When creating a fading grid, how do you change the background colour the image fades into?

For example in my .fla the background colour is a reddish colour - however before the image loads, and the fading is taking place, there is a white space where the image is supposed to sit - can I change this colour at all??

Thanks in advance.

PLEASE, HELP With The Fading Grid
Hi thr!
I guess what I need to accomplish is fairy easy but till now I've been unable to find the right way to go.

My prob is based on the Fading Grid Voetsjoeba's tute:
http://www.kirupa.com/developer/mx/fadegrid.htm

The thing is that I need to call 5 different images from 5 different buttons so I need to "restart" the fading grid process. This buttons are actually movie clips so I need to use the OnRelease event.

Haven't found the right way to do it so far

Please, I need help on this desperately
Thx in advance!!

Fading Grid
I've been working with flash MX 2004 for a about a year, I'd like to think my skills in basic animation are quite strong. Recently I have been studying Action Script in order to explore new features of Flash and reduce the filesize of some of my past animations, making them a little more "web friendly".

I just completed the "fading grid" tutorial provided by Voetsjoeba @ kirupa.com (http://www.kirupa.com/developer/mx/fadegrid.htm). I found this tutorial extremly helpful and easy to follow however I would like to modify the AS to achive a slightly different effect. I'm sure what I'm trying to do is simple but my lack of experience is turning this into a mission.

currently the program can fade in (line-by-line) vertically or horizontally and start from any position specified (exacly as in the tutorial).

Here is what I would like to do:

Lets say I have a grid 7boxs by 20boxs

Instead of having 1 row fade in at a time, I would like all 7 rows to fade in together (horizontally), each with a slightly different (maybe random) start time.

I'm hoping this can be accomplished without making each row a movie clip.

I know I should have some code or an example to post with this...I'm workin' on it.

Any suggestions would be greatly appreciated.

Thanks,

Yak

Fading Grid
Hi all
I need your help

just worked over the Tutorial "fading Grid" and it works fine.

here is the tutorial:
http://www.kirupa.com/developer/mx/fadegrid.htm

BUT: I desperatly tried to trigger the script (by calling the function fadeOut() )
with a button action and NOT with an "onEnterFrame".

I tried everything, well it seems for a newbie like me to hard.
Can anyone help me, triggering the script by pressing a button

Here's the script

//Declare variables
xspacing = box._width;
yspacing = box._height;
depth = 0;
box._visible = 0;
smoothness = 90;
//Calculate positions and values
amH = Math.ceil(image._width/box._width);
amV = Math.ceil(image._height/box._height);
border._height = image._height+1;
border._width = image._width+1;
border._x = image._x-0.5;
border._y = image._y-0.5;
//Create grid
for (var k = 0; k<amV; k++) {
for (i=0; i<amH; i++) {
box.duplicateMovieClip("box"+depth, depth);
cur = this["box"+depth];
cur._x = image._x+(xspacing*i);
cur._y = image._y+(yspacing*k);
depth++;
}
}
function fadeOut(startboxnr, speed) {
fadeMC(startboxnr, speed);
}
function fadeMC(mcnr, speed) {
this["box"+mcnr].onEnterFrame = function() {
this._alpha -= speed;
if (this._alpha<=smoothness) {
//this.onEnterFrame = null;
continueFade(this, speed);
mcnr += 1;
fadeOut(mcnr, speed);
}
};
}
function continueFade(mc, speed) {
mc.onEnterFrame= function() {
this._alpha -= speed;
if (this._alpha<=0) {
//delete this.onEnterFrame;
}
};

}
fadeOut(0, 25);

Fading Grid Help
Hello,

I am a new user of Flash MX and I just completed the tutorial for the fading grid posted by Voetsjoeba. Since I am new to Flash and AS I have a question. If I wanted to add more layers with additional frames how do I keep the picture from the grid from disappearing? Please help me out. Thank you.

Help With A Fading Grid
i am trying to use an old posting for a fading grid and i am having problems trying to get the movie to gotoandPLay the second frame.

i would very much apprecite some help with this problem

below is the link to the actually post before which i am trying to use, after the animation has finished i am trying to make it go to the second farme of the movie without being prompted by a button or anything...so basically it finishes the fading grid and then plays frame2.

thanks you in advance to anyone who might be able to help me with this, i really appreciate it

http://www.kirupa.com/developer/mx/fadegrid.htm

karl

Fading Grid
I tried this tutorial and had no problem with it.

But how do i make the box appear faster?

Grid Transition
Hello everyone,

I got this script from senocular's tutorials (thanks!), but I want to modify it.

Instead of "on mouse down," I'd like it to play automatically after say, 5 seconds. How do I do that?

Please help!

Stage.scaleMode = 'noScale';

var speed = .3;
var delay = 3;
var switchblur = 9;

var images = ["dressy", "casual"];
var index = 0;
var transbmp = new flash.display.BitmapData(627,300);
var blurfilter = new flash.filters.BlurFilter();

loadTransBitmap(images[index]);
var clips = createGrid(this, 1, transbmp, 40);

function onMouseDown(){
index++;
index %= images.length;
loadTransBitmap(images[index]);
startTransition(clips, transbmp, speed, delay);
}

function loadTransBitmap(id){
var tempbmp = flash.display.BitmapData.loadBitmap(id);
transbmp.copyPixels(tempbmp, tempbmp.rectangle, new flash.geom.Point(0,0));
tempbmp.dispose();
}

function createGrid(target, targdepth, sourcebmp, size){
var home = target.createEmptyMovieClip("transition_mc", targdepth);
var depth = 0;
var clips = new Array();
var row, rows = Math.ceil(sourcebmp.height/size);
var col = Math.ceil(sourcebmp.width/size);
var mc;
var offset = new flash.geom.Point(0,0);
while(col--){
row = rows;
clips[col] = new Array();
while(row--){
mc = home.createEmptyMovieClip("grid"+row+"_"+col, depth);
mc.rect = new flash.geom.Rectangle(size*col, size*row, size, size);
mc._x = mc.rect.left;
mc._y = mc.rect.top;
mc.rotate = 0;
mc.speed = 0;
mc.bitmap = new flash.display.BitmapData(mc.rect.width, mc.rect.height, true, 0);
mc.bitmap.copyPixels(sourcebmp, mc.rect, offset);
mc.attachBitmap(mc.bitmap, 1);
mc.transition = null;
clips[col][row] = mc;
depth++;
}
}
return clips;
}

function startTransition(clips, sourcebmp, speed, delay){
var row, rows = clips[0].length;
var col = clips.length;
while(col--){
row = rows;
while(row--){
clips[col][row].onEnterFrame = transOnEnterFrame;
clips[col][row].transition = sourcebmp;
clips[col][row].rotate = -(delay*(col+row)/2)/Math.PI;
clips[col][row].speed = speed;
}
}
}

function transOnEnterFrame(){

this.rotate += this.speed;

if (this.rotate < 0) return;
if (this.rotate > Math.PI){
this.rotate = Math.PI;
delete this.onEnterFrame;
}

if (this.transition && this.rotate >= (Math.PI/2)){
this.bitmap.copyPixels(this.transition, this.rect, new flash.geom.Point(0,0));
this.transition = null;
}

var sin = Math.sin(this.rotate);

var matrix = new flash.geom.Matrix();
matrix.tx = this.rect.left + sin*this.rect.width/2;
matrix.ty = this.rect.top + sin*this.rect.height/2;
matrix.b = matrix.c = -sin/2;
matrix.a = matrix.d = 1 + matrix.b;

this.transform.matrix = matrix;

blurfilter.blurX = blurfilter.blurY = Math.floor(switchblur*sin);
this.filters = [blurfilter];
}

Grid Transition
found this little gem of code on another post (Nutrox's solution.Works great!) The code basically builds a grid. Anyway I'm wondering if there is a way to make this grid animate onto the stage rather than just appearing. Here's the code:

ActionScript Code:
function buildGrid():Void
{
var col:Number = 0;
var row:Number = 0;
var xPos:Number = gridX;
var yPos:Number = gridY;
var i:Number = 0;
var mc:MovieClip;

while(row < gridRows)
{
while(col < gridCols)
{
mc = this.attachMovie("circleMC", "circle_" + i, i);
mc._width = circleSize;
mc._height = circleSize;
mc._x = xPos;
mc._y = yPos;
xPos += circleSize + gridSpace;
col ++;
i ++;
}
xPos = gridX;
yPos += circleSize + gridSpace;
row ++;
col = 0;
}
}

//
// Build the grid

buildGrid();

How Would I Use This Fading Grid As Mask
this should be easy to answer....

i created this fading grid effect from this tutorial and was wanting to convert it into a masking effect. If you look at the attached file, basically i want image1 to be visible at first, while the grid fades away to reveal other image. any ideas.

Thanks

Fading Grid Question...
The Fading Grid toturial works great...I got that working.....
but my problem is when I try to place a image over the fading grid effect it wont show up....it shows up though when the grid effect is over....its like the grid effect is on the very top layer of the movie....when in fact its all the way in the bottom....so i cant place anything over the effect cause then it becomes part of the effect....anyway i can make the fading grid effect realize thats its a bottom layer?
I tried everything and looked around the forums and couldnt find the answer to this question.
I uploaded the movie so it can make more sense....i even reposition the image i want on top of the effect a little to the bottom of the effect so you can see how its there but it only shows when the movie is over....

http://www.enarde.com/testing/testing.html

on yeah and does anyone know how to make the movie less choppy....kind of skips...i want it nice and smooth...i tried putting the frame rate up but it actually made it skip more....went from 25fps to 16fps.....at 16 fps its actually smoother then 25fps......maybe my computer is to slow?? 500mhz

About The Fading Grid Tutorial.
Hello, good day.

I browsed through the tutorials today and I found out this Fading Grid tutorial. It's great and I've even tried it myself. So here's my question, say if I were to change the instances of box, image and border, which part of the Actionscript should I change?

Thanks!

Fading Grid - I Cannot Duplicate It ...
I have not been able to duplicate the Fading Grid by Voetsjoeba;
all the steps have been followed , but the effect does not work ;
enclosed I posted a fla file ;
Thank you for any help ;

Problems With Fading Grid
I have some newbie problems following the Fading grid tutorial.
I have followed the steps exactly but get this error loading the movie;

..................

A script in this movie is causing flash player to run slowly. If it continious to run, your computer may become unresponcible. Do you want to abort this script yes, no?

..................

Ofcourse i dont want to abort it! What have i done wrong? I just copied and pasted the script as i was told?

Thanks!

Fading Grid Tutorial
hey guys i was jus doin that fading grid tutorial for fun and i was wondering what i would have to change to have the grip fade in, in random spots. like instead of having it fade in like left to right or up and down . . . but to have it fade in through random spots.

thanks.

Did The Fading Grid Tutorial...
i did the fading grid tutorial..step by step...nothingggg worked. no effect or anything. am i suppose to put the actionscript on the "as" layer?

Fading Grid AS Not Working For Me
Noob here , this a an awesome forum!

Running on FMX, I tried the tut with a single image but got a big white screen that does not move.....I attached the fla of what I did.

Help appreciated

In Need Of Help With Fading Grid Tutorial
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

Any help is greatly appreciated.

-Joe

Fading Grid Tutorial
Hello ALL!

i am working on the fading grid tutorial, and i am stuck on how to modify it to work on a larger image that is 750 x 375? i read the *important* section and need more clarification. ANy help would be appreciated,

THANKS!!!!

Scotty´s Fading Grid...
HI, I just found this: http://www.kirupa.com/forum/showthre...ht=fading+grid where I downloaded scotty´s fading grid which its great! My problem is I want the pictures to change automatically, say every 15 seconds or something, I have 4 images, I dont want to use a button to change the pic, just automatically....can someone please give me a hand on this??? thanks very much for any help

Fading Grid Then GotoAndPlay
How would use the fading grid tutorial at the begining of a movie (all placed in frame 1) then once the picture (in this case the background of the movie) is complete to goAndPlay frame 2 ?
I was thinking of a kind of if statement if possible.

Fading Grid Tute Help?
I'm new to AS and would like to know how to modify the alpha function in the Fading Grid tutorial so that the picture would fade back out in the same manner as it faded in. Kinda like the reversal of everything. Does this make sense?

Fading Grid Problem
I whould like to use the fantastic grid effect from Cyberathlete, but when i tried on a PC the effect didn´t work very well. Can someone help please.

Fading Grid Tutorial
Why can't I add an extra layer with a movie clip or advance into another keyframe on the main timeline without conflicting with the grid effect? Any ideas on this? Thanks.

mynewt

Help With Fading Grid Tutorial
hey everyone, i love this site & have learned alot from it so i decided to join the forums. keep up the good work. now onto my questions...

i've done the fading grid tutorial at: http://www.kirupa.com/developer/mx/fadegrid.htm , but i was wondering if someone knew how to make the grid fade in diagonally from the left or right top corners (or bottom corners too) like this site http://www.astaticlullaby.com

i also have another question with the fading grid, does anyone know how to make the grid fade in from random spots on the movie clip instead of the left to right, up to down, etc. way?? i'd really like to see that effect happen, if possible.

i'd really appreciate any help that is provided here, i hope someone can get back to me soon because i'd like to start implementing this right away. thanks!!

-Dantai

Yet Another Fading Grid Question
Here's my scenario:

I have a instanced MC which forms a 6 X 3 grid. Each MC loads a thumbnail image and the corresponding text for it. On a click each MC calls up a new MC with the details of the project. Everything is ticktyboo so far.

What I would like to do is set it up that each section of the grid randomly fades in until all 18 are in place and then on a click of one of them they all fade out revealing the corresponding MC below.

The file is here for someone to look at. The grid is on layer "works"

Cheers

Fading Grid Tutorial Help
Hi all, new to the forum!

I just went through the tutorial for the fading grid effect on this site.

http://www.kirupa.com/developer/mx/fadegrid.htm

The tutorial did not discuss and I am more familiar with animating frame by frame in flash and not using action script. I was wondering if anyone could help with trying to use this effect for multiple photographs. I guess like a slide show transition.

Random Fading Grid
Hello;

I'd like to make a 30x30 grid system.
When Flash is launched it selects a random box in the 30x30 grid and then
displays the boxes there( alpha 0 to alpha 100) then the other 4 boxes above,bottom , left and to the right of it and then continue like this until this ends (whole grid displayed) Please , I need help.

I wrote smth like that:

function displayBox() {
startPoint = random(amH*amV);
box.duplicateMovieClip("box"+startPoint, depth);
focus = this["box"+int(startPoint)];
focusU = this["box"+int(startPoint-amH)];
focusD = this["box"+int(startPoint+amH)];
focusL = this["box"+int(startPoint-1)];
focusR = this["box"+int(startPoint+1)];
visibleBoxes.push(focus,focusU,focusD,focusL,focus R);

trace(focus+" "+focusU+" "+focusD+" "+focusL+" "+focusR);
trace(visibleBoxes);
}

displayBox();

but cant calculate further.

How Do I Know The Exact Fps Of Fading Grid?
(deleted)

nevermind, i figured it out

Help With Kirupa's Fading Grid Tut
Can anyone help and explain why black is showing first on the grid and cutting the pic off?

Fading Grid Problem
I have created a fading grid swf per the tutorial, I am trying to insert it into a empty mc, but it doesn't seem to want to execute when I run the loadMovie, I see the box color, which means it's loaded, but the as is not executing? Do I need to place the as in the target mc, or the fadeOut function, I'm lost... Thanks. I've attached an example.