Furniture (ActionScript tutorial)
From Whirled
(Redirected from ActionScript 3 Furniture Tutorial)
| ActionScript Tutorial |
|---|
| Create animated furniture using AS3. |
| Difficulty Level |
| Beginner |
| Requirements |
 ActionScript 3.0, Whirled SDK
|
| Other Information |
Prerequisites
- Setting up your programming environment
- Hello Whirled
- This tutorial currently assumes you are familiar with programming and that you can learn by example.
Assets
- A set of images we want to alternate between (same size might be a good idea):
Bonfire
We use a Timer to change images every 300 milliseconds.
// bonfire - a furniture for Whirled
package {
import flash.display.Sprite;
import flash.display.DisplayObject;
import flash.utils.Timer;
import flash.events.Event;
import flash.events.TimerEvent;
[SWF(width="184", height="381")]
public class bonfire extends Sprite
{
// constructor
public function bonfire ()
{
// interval to call the function in milliseconds
_timer = new Timer(300, 0);
_timer.addEventListener(TimerEvent.TIMER, appearanceChanged);
_timer.start();
// listen for an unload event
root.loaderInfo.addEventListener(Event.UNLOAD, handleUnload);
// load up our four images and put them into an array
_view0 = (new IMAGE1() as DisplayObject);
_view1 = (new IMAGE2() as DisplayObject);
_view2 = (new IMAGE3() as DisplayObject);
_view3 = (new IMAGE4() as DisplayObject);
_array = new Array(_view0, _view1, _view2, _view3);
addChild(_view0);
which_img = 0;
}
/**
* This is called from setInterval
*/
protected function appearanceChanged (event: Event) :void
{
Old_img = _array[which_img];
which_img++;
if (which_img == 4) which_img = 0;
removeChild(Old_img);
addChild(_array[which_img]);
}
/**
* This is called when your furniture is unloaded.
*/
protected function handleUnload (event :Event) :void
{
// stop any sounds, clean up any resources that need it.
// In our case, clear the timer.
_timer.stop();
// And remove all of the event listeners.
root.loaderInfo.removeEventListener(Event.UNLOAD, handleUnload);
_timer.removeEventListener(TimerEvent.TIMER, appearanceChanged);
}
protected var _view0 : DisplayObject;
protected var _view1 : DisplayObject;
protected var _view2 : DisplayObject;
protected var _view3 : DisplayObject;
protected var _array : Array;
protected var which_img :int;
protected var Old_img :DisplayObject;
protected var _timer : Timer;
/** The embedded image class. */
[Embed(source="fire1.png")]
protected static const IMAGE1 :Class;
[Embed(source="fire2.png")]
protected static const IMAGE2 :Class;
[Embed(source="fire3.png")]
protected static const IMAGE3 :Class;
[Embed(source="fire4.png")]
protected static const IMAGE4 :Class;
}
}
