Movie Clip Movement With Key Presses
Author: 2007-06-15 17:42:20 From:
|
| Start off by making a new Flash document. For this tutorial I've made one with dimensions of 250x190. The image that i've used can be saved from image a) and then imported into Flash (File > Import > Import to Stage). Once it's on the stage, left click on it and then convert it to a MC (Movie Clip) by going to Insert > New Symbol and then choosing Movie Clip & OK. In the Timeline name the frame, that the MC is on, "images" and create a new layer below it called"Script". |
 |
| a) | | b) | | |  |
|
| |
|
| Click on the MC on the stage and open up the properties panel. Below the "Movie Clip" drop down enter "square". When we write the Action Script we will be referencing the MC by "square". |
|
|
| |
|
| Next, click on the 1st frame of "script" and layer open up the "Actions Panel". Type in the code shown below. "var = 5" is the variable which, as you've proabably guessed, will store the value for speed! :) This will mean that it will move 5 pixels with a single press of a key. You can change it to whatever you like." this.onEnterFrame = function(){ } "is a function which will repeatedly run any script we put in between the braces {}, at the frame rate of the SWF file. |
|
|
| |
|
| To move "square" we need to repeatedly check to see if any of the arrow keys are being pressed. To do this we add the IF statement "if(key.isDown(Key.UP)){}". This will check if the UP key is pressed down. |
|
|
| |
|
| Next we need to add the code to mave "square" down, left and right. For the down movement, instead of deducting the speed, we want to add the speed value to the Y co-ordianted, so we put +=speed. Now with this in mind, you add the code for the left and right movement, as shown below! |
|
|
| |
| | Now, you just need to publish it, bringing us to the end of this Flash tutorial! the FLA can be downloaded [here] :) |
|
discuss this topic to forum
