r3dux.org

A number-pimping side project from the valleys in *NEW* upside-down flavour.

  • Home
  • ABOUT
  • OLD SITE
  • SEARCH
  • FEEDBACK

ActionScript 3.0: Event Propagation

r3dux | March 29, 2010

I learnt AS3 in a hurry – I had a couple of weeks to get my head around it and get things working – no nicities – just get it working so you can teach it… And what I missed by scrabbling through the ActionScript 3.0 Bible was the propagating nature of the event model. And it’s awesome! You layer things on other things and the event propagates down the tree until it hits the last branch..

In the example below I just create three boxes bound to a Box class, and when adding them to the screen I don’t add them all to the stage – I just add the first one to the stage, add the second one to the first one, and add the last one to the middle one, and just look at MOUSE_OVER and MOUSE_OUT events. Because they’re MovieClips added to MovieClips etc, the event travels down the tree and hits each branch using the current status to work on. Move your mouse over the boxes below to see what I mean:

That’s going to come in really useful… I can just feel it.

Source Code:

Box class:

package
{
	import flash.display.MovieClip;
	import flash.events.MouseEvent;
 
	public class Box extends MovieClip
	{
 
		public function Box():void
		{
			this.addEventListener(MouseEvent.MOUSE_OVER, isOver);
			this.addEventListener(MouseEvent.MOUSE_OUT, isOut);
		}
 
		private function isOver(evt:MouseEvent):void
		{
			this.alpha = 0.5;
		}
 
		private function isOut(evt:MouseEvent):void
		{
			this.alpha = 1;
		}
	}
}
var topBox:Box = new Box;
topBox.x = 150;
topBox.y = 150;
addChild(topBox);
 
var middleBox:Box = new Box;
middleBox.x = 100; // Remember this is -RELATIVE- to the MovieClip this MovieClip is being embedded in....
middleBox.y = 100;
topBox.addChild(middleBox);
 
var bottomBox:Box = new Box;
bottomBox.x = 100;
bottomBox.y = 100;
middleBox.addChild(bottomBox);

Related posts:

  1. ActionScript 3.0 Particle Systems #2: Snow Effect
  2. ActionScript 3.0 Particle Systems #1: Random Motion
  3. ActionScript 3.0 Particle Systems #4: Bubbles
  4. ActionScript 3.0: A Dynamic Frame Rate Switching Class to Lower CPU Usage
  5. ActionScript 3.0 Particle Systems #6: Particle Attraction
Categories
Coding
Tags
ActionScript 3.0, Event, Propagation
Comments rss
Comments rss
Trackback
Trackback
Print This Post Print This Post

« The Time Controlling Properties of SimCity Wii Preloader April Fools Error »

Leave a Reply

Click here to cancel reply.

Translate

Categories

Archives

Tags

10.04 360 ActionScript ActionScript 3.0 Adobe Art Ballarat Bash Compiz Compression Controller CS4 CUFDIG302A Effect Fail Film Fire Flash Gaming Hack How-To install Jaunty Josh Joplin Group Linkage Linux Motion mount Music NAS Particle Photoshop Problem PS3 r3dux.org Retro Slides Sound Systems Ubuntu Video VirtualBox Wii Windows XBox

Gamercard

Prepare for Awesome



“I have always wished for my computer to be as easy to use as my telephone; my wish has come true because I can no longer figure out how to use my telephone.”

 - Bjarne Stroustrup

rss Comments rss valid xhtml 1.1 design by jide powered by Wordpress get firefox