Have you ever want to build your own type writer using Macromedia Flash? Have you dreamt of learning how to make one without using motion tweening and masking effect? Well, the answer lies within this flash tutorial guide.
Here is what we are going to build. Click on the button to see the typewriting effect.
Since our main focus in this tutorial is to use actionscript, I've prepared a partially completed typewriting flash file so that you won't need to build the interface from scratch. Please download it before we continue.
Okay, I assume you have downloaded the partially completed typewriting flash file above and now let's begin our journey
1. First open up the flash file you've just download. Click to select the text field and open up the property inspector by pressing Ctrl +F3. Notice I've given the instance name of the text box as 'str'. This name is important. you'll understand better by the end of the tutorial.
2. Notice that we have three layers. One for textbox field, one for button instance and the last one is for actionscript.
In 'action' layer we have 3 keyframes. Click on first keyframe and open up the action panel by pressing F9. Now paste these codes into the action panel.
| myText ="Hi there, using actionscript to build a ntypewriter effect is not difficult."
myText +=" Follow simple nsteps in this tutorial, you will soon realize nhow easy it is to create one :)"; c=1; stop(); |
Note: You can replace the myText's string to your own text. But I suggest we use my code in this example.
3. With action panel still open, click on second frame and paste these codes into the action panel.
| if ( c <= myText.length )
{ str.text=myText.substr(0,c); c=c+1; } else { stop(); } |
4. Now paste this code to the third frame
| gotoAndPlay(2); |
5. Click the button instance, open up the action panel by pressing F9 and paste these codes into the action panel:
| on(release) {
play(); } |
6. Now press 'Ctrl + Enter' to test the movies.
Finally, get your final source code here.
