The 4th quarter Adobe eSeminar series for Web Professionals are now available! Register now! Especially for Architecting a Web Site in Flash since I’m giving it. And rembember, they’re free! Advanced Dreamweaver Design 9/25/2007 9:00 AM PST Use the new CSS starter pages in Dreamweaver CS3 and take using CSS to the next level. Learn how to choose and customize the right design for your project. You’ll learn how to optimize your content for different […]

Not sure what Flex is or how it works? Here’s an animated overview I created to help answer this question. It is part of the Flex: Getting Started Experience. That’s right.  When you get started with Flex you see one of my animations!

(roll your mouse over the image above). In this eSeminar I show how to do all your animation using ActionScript 3.  Why?  Well, some things just can’t be done in the timeline.  For instance, if you want a movieclip to follow the mouse.  Or you want to animate to an undefined location that’s not known until runtime (where the user clicks).  These are just some of the cases where you’d want to us ActionScript to […]

View Example | Download Source Files This is an example site that was created to show different ActionScript animation techniques which include: Event model (ENTER_FRAME) Timer class Tween class TransitionManager class Dynamically create and animate multiple elements

View Example |  Download Source Files Basically the Date object hasn’t changed in AS 3.0. In this example the skull moves once every second and when it reaches the end of the stage then a minute has passed.  the red overlay moves every minute, covering the screen in an hour. In general if you want to move movie clips based on the current time like this then this is the formula you’d use: var myTimer:Timer=new […]

View File  |  Download Source Files  In AS 3.0, to draw a line that continually changes, add the following code in an ENTER_FRAME:     //remove graphic to remove previously drawn line each time container.graphics.clear(); //define line width in pixels container.graphics.lineStyle(15); //move the drawing pen.  Mace X and Y are dynamic positions container.graphics.moveTo(mace.x, mace.y); //draw lines from the start (above) to the mouse position container.graphics.lineTo(mouseX, mouseY); 

View Example | Download Source Files Creation There are a couple different ways to create multiple movie clips in AS 3.0 but this is the way I like best. Basically create an array and attach (addChild) the Rain library item to the stage. Place it at a random position within the stage width/height: var rainArray:Array = new Array(); for (var i:uint=0; ithis.stage.stageHeight){ rainArray[i].y = 0; rainArray[i].x = Math.round(Math.random() * this.stage.stageWidth); } } }

View Example  |  Download Source Files In this example, every 3 seconds about 15 eyes will randomly animate around your current cursor position. This is done using the tween class with a random variance. But what I want to talk about is how to get the eyeball to point to the cursor. Here’s the code that does that:  |     var dx:Number = mouseX – eye.x;    var dy:Number = mouseY – eye.y;    var radians:Number = […]