Back To Flash and ActionScript Forum

MC mouseover shrink and grow

  • BardicKnowledge
  • Novice
  • Novice
  • No Avatar
  • Joined: Apr 26, 2007
  • Posts: 21
  • Loc: Halifax
  • Status: Offline

Post May 24th, 2007, 6:28 am

Hello,
I have problem that I just can't figure out and was for some help or guidance.

So this is what I'm trying to do: I have 2 blocks on stage (will have more later) and when I mouse over one I want it to grow and the other to shrink. But here's my problem; How do I get all the movieclips on stage instance names, pass the one that was rolled over to the function, and make the rollover function in the root instead of being on each button to get the current MC it's over and it's instance name (if possible)?

right now this is what I have:

Code: [ Select ]
on(

grow = 0.09;

function myFucntion(Oro:MovieClip) {    
    
    onEnterFrame = function(){        
        trace(Oro);
         blueblock._width += blueblock._width * grow;
        blueblock._height += blueblock._height * grow;
        
        greenblock._width -= greenblock._width * grow;
        greenblock._height -= greenblock._height * grow;
    }
}

function stopEnterFrame(){
    delete this.onEnterFrame;
}
  1. on(
  3. grow = 0.09;
  5. function myFucntion(Oro:MovieClip) {    
  6.     
  7.     onEnterFrame = function(){        
  8.         trace(Oro);
  9.          blueblock._width += blueblock._width * grow;
  10.         blueblock._height += blueblock._height * grow;
  11.         
  12.         greenblock._width -= greenblock._width * grow;
  13.         greenblock._height -= greenblock._height * grow;
  14.     }
  15. }
  17. function stopEnterFrame(){
  18.     delete this.onEnterFrame;
  19. }


On the MC I have:

Code: [ Select ]
on(rollOver){
    _root.myFucntion(_name);    
}

on(rollOut){
    _root.stopEnterFrame();
}
  1. on(rollOver){
  2.     _root.myFucntion(_name);    
  3. }
  5. on(rollOut){
  6.     _root.stopEnterFrame();
  7. }


Another little problem is that I pass the instance name on rollover to the root function and it works in a trace but when I try to use the passed value to manipulate size it doesn't work.

Any help would be much appreciated.
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post May 24th, 2007, 6:28 am

  • zhaojany
  • Student
  • Student
  • User avatar
  • Joined: Aug 03, 2006
  • Posts: 78
  • Status: Offline

Post May 24th, 2007, 7:14 am

You can change the second block of code into things like below and put them in the root


yourMcName.onRollOver=function(){
myFunction(this);
}
yourMcNme.onRollOver=function(){
stopEnterFrame(this);
}
  • zhaojany
  • Student
  • Student
  • User avatar
  • Joined: Aug 03, 2006
  • Posts: 78
  • Status: Offline

Post May 24th, 2007, 7:19 am

Also your code on the MC should be "this" instead of "_name"
  • BardicKnowledge
  • Novice
  • Novice
  • No Avatar
  • Joined: Apr 26, 2007
  • Posts: 21
  • Loc: Halifax
  • Status: Offline

Post May 24th, 2007, 7:30 am

hey zhaojany,
thanks for the replies.

I have tried the snippet of code you posted and it doesn't want to work for me. I don't get any errors though.

Changing the name to 'this' worked great though. I traced it and seen how it works by passing the level with the name. Thanks :)
  • zhaojany
  • Student
  • Student
  • User avatar
  • Joined: Aug 03, 2006
  • Posts: 78
  • Status: Offline

Post May 25th, 2007, 3:45 am

Have you named your mc and use the name of you mc instead of "yourMcName".
  • BardicKnowledge
  • Novice
  • Novice
  • No Avatar
  • Joined: Apr 26, 2007
  • Posts: 21
  • Loc: Halifax
  • Status: Offline

Post May 25th, 2007, 7:20 am

if you mean use the clip name instead of the instance name I have tried that. I have also tried the instance name
  • BardicKnowledge
  • Novice
  • Novice
  • No Avatar
  • Joined: Apr 26, 2007
  • Posts: 21
  • Loc: Halifax
  • Status: Offline

Post May 25th, 2007, 9:29 am

If anyone is interested I have got it doing what I wanted it to do. Here is it

Root:
Code: [ Select ]
grow = 0.09; //speed at which the objects grow/shrink
totalgrowth = 1.5; //how big you want them to grow

var titleArray:Array = new Array("_level0.blueblock","_level0.greenblock","_level0.redblock","_level0.yellowball"); //These have to be hardcoded. Are the instance names of the objects to grow/shrink
var otherImages:Array = new Array();

function myFunction(Oro:MovieClip) {        //Is the main function, calling in the other functions
    
    setOtherImages(Oro);                      //function calls
    setSizes();
    activeItem(Oro);    
        
    onEnterFrame = function(){                
    
        if(Oro._width > (block*totalgrowth)){        //this will stop the grow/shrink when the moused over object is 1.5 times it orignal size
            delete this.onEnterFrame;        // will stop loop
        }else{
            Oro._width += Oro._width * grow;             //will make the active object grow
            Oro._height += Oro._height * grow;            
            
            for(i=0;i<otherImages.length;i++){                 //loops through array shrinking the other objects
                eval(otherImages[i])._width -= eval(otherImages[i])._width * grow;
                eval(otherImages[i])._height -= eval(otherImages[i])._height * grow;
            }
        }        
    }
}

function stopEnterFrame(Oro:MovieClip){  //on mouseout will stop the movie and return all objects back to their orignal size
    delete this.onEnterFrame;
    
    for(i=0;i<titleArray.length;i++){
        eval(titleArray[i])._width = origSize[i][1];
        eval(titleArray[i])._height = origSize[i][2];
    }
}

function setOtherImages(Oro:MovieClip){        //is an array that contains all the objects but the active ones instance names
    var counter = 0;
    for (var i = 0; i<titleArray.length; i++){
        if(eval(titleArray[i])!= Oro){            
            otherImages[counter] = titleArray[i];
            counter += 1;            
        }
    }
}

function setSizes(){        //this multidimensional array stores all the objects orignal size
    origSize = new Array();         //outside array
    for (var i = 0; i<titleArray.length; i++){
        origSize[i] = new Array();        //inner array. need to be definded with the [i]
        for (var ii=0; ii<2;ii++){        // loops twice
            if(ii = 1){                 // if loop equals one, store the width
                origSize[i][ii] = eval(titleArray[i])._width;                
            }
            if(ii = 2){                    // if loop equals two, store the height
                origSize[i][ii] = eval(titleArray[i])._height;
            }
        }
    }
}

function activeItem(Oro:MovieClip){                         //this function finds the active movieclip by comparing the passed value (from the button) to the titleArray array.
    for(var i=0;i<titleArray.length;i++){                    // It then uses the titleArrays row to find the width of the active object in the origSize array. This is to set growth limits.
        if(Oro == eval(titleArray[i])){            
            block = origSize[i][1];    
        }
    }
}
  1. grow = 0.09; //speed at which the objects grow/shrink
  2. totalgrowth = 1.5; //how big you want them to grow
  4. var titleArray:Array = new Array("_level0.blueblock","_level0.greenblock","_level0.redblock","_level0.yellowball"); //These have to be hardcoded. Are the instance names of the objects to grow/shrink
  5. var otherImages:Array = new Array();
  7. function myFunction(Oro:MovieClip) {        //Is the main function, calling in the other functions
  8.     
  9.     setOtherImages(Oro);                      //function calls
  10.     setSizes();
  11.     activeItem(Oro);    
  12.         
  13.     onEnterFrame = function(){                
  14.     
  15.         if(Oro._width > (block*totalgrowth)){        //this will stop the grow/shrink when the moused over object is 1.5 times it orignal size
  16.             delete this.onEnterFrame;        // will stop loop
  17.         }else{
  18.             Oro._width += Oro._width * grow;             //will make the active object grow
  19.             Oro._height += Oro._height * grow;            
  20.             
  21.             for(i=0;i<otherImages.length;i++){                 //loops through array shrinking the other objects
  22.                 eval(otherImages[i])._width -= eval(otherImages[i])._width * grow;
  23.                 eval(otherImages[i])._height -= eval(otherImages[i])._height * grow;
  24.             }
  25.         }        
  26.     }
  27. }
  29. function stopEnterFrame(Oro:MovieClip){  //on mouseout will stop the movie and return all objects back to their orignal size
  30.     delete this.onEnterFrame;
  31.     
  32.     for(i=0;i<titleArray.length;i++){
  33.         eval(titleArray[i])._width = origSize[i][1];
  34.         eval(titleArray[i])._height = origSize[i][2];
  35.     }
  36. }
  38. function setOtherImages(Oro:MovieClip){        //is an array that contains all the objects but the active ones instance names
  39.     var counter = 0;
  40.     for (var i = 0; i<titleArray.length; i++){
  41.         if(eval(titleArray[i])!= Oro){            
  42.             otherImages[counter] = titleArray[i];
  43.             counter += 1;            
  44.         }
  45.     }
  46. }
  48. function setSizes(){        //this multidimensional array stores all the objects orignal size
  49.     origSize = new Array();         //outside array
  50.     for (var i = 0; i<titleArray.length; i++){
  51.         origSize[i] = new Array();        //inner array. need to be definded with the [i]
  52.         for (var ii=0; ii<2;ii++){        // loops twice
  53.             if(ii = 1){                 // if loop equals one, store the width
  54.                 origSize[i][ii] = eval(titleArray[i])._width;                
  55.             }
  56.             if(ii = 2){                    // if loop equals two, store the height
  57.                 origSize[i][ii] = eval(titleArray[i])._height;
  58.             }
  59.         }
  60.     }
  61. }
  63. function activeItem(Oro:MovieClip){                         //this function finds the active movieclip by comparing the passed value (from the button) to the titleArray array.
  64.     for(var i=0;i<titleArray.length;i++){                    // It then uses the titleArrays row to find the width of the active object in the origSize array. This is to set growth limits.
  65.         if(Oro == eval(titleArray[i])){            
  66.             block = origSize[i][1];    
  67.         }
  68.     }
  69. }


Buttons
Code: [ Select ]
on(rollOver){
    _root.myFunction(this);    
}

on(rollOut){
    _root.stopEnterFrame(this);
}
  1. on(rollOver){
  2.     _root.myFunction(this);    
  3. }
  5. on(rollOut){
  6.     _root.stopEnterFrame(this);
  7. }

Page 1 of 1

Post Information

  • Total Posts in this topic: 7 posts
  • Users browsing this forum: No registered users and 69 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.