The Flash document

  1. Open Flash by clicking on the Flash Icon on the dock:



  2. Create a new document. Make sure it is Actionscript 2



  3. Save (+SHIFT+S) document in work folder:



  4. In layer 1 create a background. Dark colors work best.

  5. Insert a new symbol.



  6. Make it a movie clip. name it particle. Export for Actionscript.


  7. Design you image. Transparent colors work well.

  8. Insert a new layer


  9. Click in frame 1 of the new layer and open the Actionscript window

  10. These are the instructions for the script:
    //create a variable to hold a number, set it to 1
    //to create a variable create a name and set it to a value
    //end the statement with a semi-colon
    n=1;
    
    //create a varable named lifetime. Set it to 20
    ________________________
    
    
    //create a variable named eratic. Set it to 100
    ________________________
    
    
    //call setInterval, pass it startParticle and 1
    //the line below calls a function and passes it 2 arguments
    setInterval(startParticle,1);
    
    //define the function startParticle
    //the line below begins the function definition
    function startParticle(){
    
    //call the function insertParticle. Pass it the location of the mouse
    //the mouse's horizontal location is the _xmouse property
        ________________________
    }
    
    
    //define the function insertParticle. This function takes two parameters (x and y)
    ________________________
    
    //create a variable named mc. set it to the new instance of the particle clip 
    //set it to the location passed into the function
    //attachMovie("particle", "particle" + n, n, {_x:x,_y:y});
    mc=______________________
    
    //Make the clip visible by setting  the _visible property of the clip to true
    ________________________
    
    
    // Initialize X and Y velocities
        mc.vx = (random(3) - 1);
        mc.vy = (random(3) - 1);
        
    // create a property called life on each clip and set it to the variable lifetime
    //to create a property, use the dot operator clip.property where clip is mc and property
    //is life
        ________________________
        
    //create an anonymous onEnterFrame function on each clip
    mc.onEnterFrame=function(){
        
            // Get current position and add XYVelocities
            this._x += this.vx;
            this._y += _______;
            
            // Alpha and scale is dependent on proximity to death
            this.ap = (this.life / lifetime) * 100;
            this._alpha = this.ap;
            this._xscale = ______;
            this._yscale = ______;
            
            // Eratic behavior closer to death
            this.vx += (random(eratic) - (eratic / 2)) / this.ap;
            this.vy += _________________________________________;
            
            // decrement the life of this clip by 1
            //remember life is the property of clip mc
            //to decrement use this expression:
            //-=1
            //or
            //--
            ________________________
            
            //check if the life of this clip is less than 0
            //this is an if statement if(clip.property<0){
            //where clip is mc and property is life
            ________________________
            
                // if the life counter is up, remove particle
                //by calling: delete this.onEnterFrame
                ________________________
                
                //remove the particle by calling the function removeMovieClip() 
                //on the clip (this)
                ________________________
            }
        };
        //increment your number variable by 1
        ________________________
    }
    



  11. Test


  12. Publish by clicking on the File Menu and selecting Publish


  13. An html and swf file will be made in your work folder. Drag the html and swf files to your web folder.


  14. Create a folder named flash in your web folder and drag the swf and html files into that folder


  15. Open your homepage( Index.html) and add a new row to your table:
    1. Navigate to your table


    2. Copy the last row:
      <tr>
      	<td class="assignment"><a href="../../../index.html">Homepage</a></td>
      	<td class="description">BBEdit and Photoshop</td>
      	<td class="date">9/20/05</td>
      </tr>  
      and paste beneath it:
      <tr>
      	<td class="assignment"><a href="../../../index.html">Homepage</a></td>
      	<td class="description">BBEdit and Photoshop</td>
      	<td class="date">9/20/05</td>
      </tr>
      <tr>
      	<td class="assignment"><a href="../../../index.html">Homepage</a></td>
      	<td class="description">BBEdit and Photoshop</td>
      	<td class="date">9/20/05</td>
      </tr>



    3. Change the first column to:
      	<td class="assignment">Bubble Effect</td>
      	



    4. Change the second column to:
      	<td class="description">Flash</td>
      	



    5. Change the third column to:
      	<td class="date"></td>
      	



    6. In cell 1 of this row set up an anchor container (a link) around the text you added, linking it to the rollover page in your web folder


      1. Hilite the word Rollover
      2. Press +CTRL+A
      3. Click on the File button
      4. Navigate to the rollover page in your web folder
      5. Click on the Choose button
      6. Click on the Apply button