Jump To Content

ActionScript 3.0: Hello World Tutorial

  1. Launch Adobe Flash CS3
  2. CTRL+F7 to toggle the components window on and off (you want it visible). Or use Window - Components
  3. Drag a button onto your canvas.
  4. Give it an InstanceName of myButton.
  5. Change the button’s label from Label to Hello.
  6. Drag a Label onto your canvas.
  7. Give it an InstanceName of myLabel.
  8. Change the label’s text from Label to Snoozing or use any other text you like.The numbered steps above are labelled onto the screen shot below to indicate where your tasks are located.
    Your window will look something like this ..
  9. Click on your canvas (but not on the button or label) and press F9 to toggle on the Actions - Frame window. If you see this message, read this instruction again and do it right! “Current selection cannot have actions applied to it.”
  10. In the Action - Frame window, enter this code …
myButton.addEventListener(MouseEvent.CLICK, sayHello);function sayHello(e:MouseEvent):void
{
myLabel.text = “Hello World!”;
}

    11.Save your work to a well named folder and give your file a meaningful file name.
 
12.Press CTRL+ENTER to run your Flash Application. If it doesn’t work correctly, look for mistakes in your code (copy and paste it to reduce the chances or error). Look for mis-spellings of myButton and myLabel, both in the code and in the Properties Window.
  1. Here is the code with explanatory comments.

    // This line makes the button listen or wait for mouse clicks.
    // When the button feels a mouse click, it calls the sayHello function.
    myButton.addEventListener(MouseEvent.CLICK, sayHello);// This is the sayHello function.
    // When this function is called, it sets the text property of myLabel to “Hello World!”.
    // e:MouseEvent is the click experienced by the button.
    // void is used here because this function, although useful, does not return a value.
    function sayHello(e:MouseEvent):void
    {
    myLabel.text = “Hello World!”;
    }      





  1. Optional tasks: Make your canvas smaller and change the background colour.


Andrew Brown
  • Authority 532
Post Body
Andrew Brown said:

Looks good, Only thing I could suggest is use some duck typing when naming you variables. I think what people found the most confusing learning flash was the crazy camel case naming conventions.

  • Quote
  • Posted 5 months ago.
laurellion
  • Authority 487
Post Body
laurellion said:

true. Good point & advice Mr. Brown!

  • Quote
  • Posted 5 months ago.
  • Your comment will be modifiable for 10 minutes after posted.

Page Author

Avatar
laurellion
Name
laurellion

From Here You Can…

Information

Most Recent Related Content

Published In…

Creative Commons License
This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License.