A Flash Developer Resource Site
|
Internet Commerce
Developer ChannelFlashKit.com
JavaScript.com JavaScriptSource Developer Jobs ScriptSearch StreamingMediaWorld Web Developer's Journal Web Developer's Virtual Library WebDeveloper.com Webreference Web Hosts XMLfiles.com
internet.com
|
  Tutorials HomeWhat's NewTop RatedSubmitmyTutesRandom!
Search Tutorials
 Tutorials » Special_Effects
Hi everyone. This is my first tutorial to flash kit and the reason it is here is because of a person who asked me to do it. The tutorial is for the file that I published to Flash kit <"Sliding Title (Scripted)">. Since I didn’t add comments to the file ... I guess some did not understand the code completely. I hope this tutorial will help them a lot. OK... lots of talking lets get to work. Create a new Flash document and follow the steps below. - Create some static text. - Break it apart (ctrl+b) 2 times so that you convert it into free form artwork. - With your mouse pointer, break the text into 5 parts... horizontal parts and convert each of the part into a separate movie clip. - Create a dynamic text field and name it in the variable field (i.e. num) - Create a button that will trigger the movement when the user clicks it after he has typed in the value of the clips' _x property. Now Here is all the info of the movie num_x // the variable that holds the _x value of the movie clip. num // the variable assigned to the text field (this value will later be transferred to the num_x variable which will later change the position. mover // the name of the function that makes the thing happen. ************************************** Create a new layer and assign these actions to the first frame.
num_x = 100;
function mover(name,no) {
this_x = getProperty(name,_x);
new_x = _root.num_x;
movement = new_x-this_x;
setProperty(name, _x, this_x+(movement/no));
}
*************************************************Now let me explain this script to you. -The first equation assigns the default value of 100 to the movie clip -The second line invokes a function named “mover” that has the parameters name and no (variables that will be used in the function to substitute values. -This is the place where the confusing part starts. Let me explain in detail. ************************************************ First of all we crank out the current value of the clip’s _x property. The we get the value of the _x property that the user supplies. Then we create a new variable that is equal to the difference between the two values or simply the distance between the two points. In the last statement we set the _x properties of the movie clips in a special way. We add the difference in the points (divided by some number) to the current _x position of the movie clip. This allows us to create an easing effect. Here’s how it goes. Imagine the user entered a value of 90 (current position of clip is 0). Now according to function, the difference is equal to 90. Now in the next step, we add this value (divided by a number e.g. 3) to the current x position of the clip (0+30=30). This moves the clip 30 pixels. When the function is executed again, it reads the current value of the clip as 30 and calculates the difference to 60 and when divided by 3, returns 20 and the movie clip is moved another 20 pixels. When it is executed again, it reads the clips current x position to (30+20=50) and calculates the difference to 40 and when divided by 3, gives a value of 13.3 and the movie clip again moves. When the process happens again and again, the value gets smaller and smaller and the clip moves slower and slower until the value get 0 or number that cannot be completely divided. This creates an amazing easing effect. ************************************************** I guess that should do it. Now assign these actions to the button. Now on each of the movie clips, call the function within the event handler of the movie clip:
onClipEvent (enterFrame) {
_root.mover(this,5);
}
The EnterFrame event handler makes sure the code is executed repeatedly. When the function is called, The parameters are passes for name & no(number). The name identifies the object and the no identifies the number by which the difference in the function would be divided (NOTE: the greater the number, the slower the clip moves). To achieve the desired affect pass smaller numbers to the movie clips in the middle and larger numbers to the ones on the outside. This makes the middle ones go faster than the ones on the outside.Now I guess I’ve done my job. Test your movie, and if it works, congratulate yourself. You did it partner! ©2004 Bali Khan Arts.
|
||||||||||||||||||||||||||||||||||||||||||||||||||
 |
|||||||||||||||||||||||||||||||||||||||||||||||||||
Sliding Title Scripted
|
 |
 |
|