Hi, this is an extension to drawing with actionscript. In this tutorial I will be teaching you how to add user-controlled movement to your as-drawn movieclip.

Ok, first thing to do is open up the actionsc panel (and do not close it). Now underneath the code that you wrote in the previous tutorial add this line of code:

PLAIN TEXT
Actionscript:
  1. onEnterFrame = function() {

All that does is defines a function, so when the movie enters this particular frame, it calls the function and runs the code in the brace ( { ).

Now we need to allow the movement, so add this code to the actions:

PLAIN TEXT
Actionscript:
  1. if(Key.isDown(Key.LEFT)){
  2. square._x -= 5;
  3. }

All this does is checks if the left arrow key is down, and if it is, make the object with the instance name of square (the object we drew in as) to move 5px to the left.
Now we repeat that code but changing Key.LEFT to Key.RIGHT, Key.DOWN and Key.Up and we change square._x -= 5 to: square._x += 5;, square._y -= 5; and square._y += 5; :

PLAIN TEXT
Actionscript:
  1. if(Key.isDown(Key.DOWN)){
  2. square._y += 5;
  3. }
  4. if(Key.isDown(Key.UP)){
  5. square._y -= 5;
  6. }
  7. if(Key.isDown(Key.RIGHT)){
  8. square._x += 5;
  9. }

and now we close the function defination:

PLAIN TEXT
Actionscript:
  1. };

That concludes the tutorial. Just to recap:
The full code from this tutorial:

PLAIN TEXT
Actionscript:
  1. onEnterFrame = function() {
  2. if(Key.isDown(Key.LEFT)){
  3. square._x -= 5;
  4. }
  5. if(Key.isDown(Key.DOWN)){
  6. square._y += 5;
  7. }
  8. if(Key.isDown(Key.UP)){
  9. square._y -= 5;
  10. }
  11. if(Key.isDown(Key.RIGHT)){
  12. square._x += 5;
  13. }
  14. };

and the full code from this tutorial and the previous one is:

PLAIN TEXT
Actionscript:
  1. stop();
  2.  
  3. _root.createEmptyMovieClip("square", square.getNextHighestDepth());
  4. square.beginFill(000000, 100);
  5. square.lineStyle(4, 333333, 100);
  6. square.moveTo(0, 265);
  7. square.lineTo(0, 265);
  8. square.lineTo(20, 265);
  9. square.lineTo(20, 285);
  10. square.lineTo(0, 285);
  11.  
  12. onEnterFrame = function() {
  13. if(Key.isDown(Key.LEFT)){
  14. square._x -= 5;
  15. }
  16. if(Key.isDown(Key.DOWN)){
  17. square._y += 5;
  18. }
  19. if(Key.isDown(Key.UP)){
  20. square._y -= 5;
  21. }
  22. if(Key.isDown(Key.RIGHT)){
  23. square._x += 5;
  24. }
  25. };

Thanks for reading,
mortisimus
http://www.flashdoom.net

Share and enjoy our tutorial : These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • StumbleUpon
  • del.icio.us
  • Fark
  • Furl
  • Slashdot
  • Netscape
  • BlinkList
  • Ma.gnolia
  • Reddit
  • Technorati