Playing around with some text effect, noticed alot of designers were looking for a similar text effect as the group 94 website.  I decided to go looking for some way of scripting it.  Here we go. The whole effect resides on calculating...

I was looking at the beautiful and elegantly well programmed site comcastic. The site was a joint collaboration between goodby silverstein, eric natzke and the barbarian group. The site has lots of kinematics. A subject...

I was playing around the 3D perspective camera and the 3D rotation equations last night and came up with some type of abstract 3D sculpture reminiscent of what people like to do with processing.  Here it goes :

I often refer back to robert penners motion tween math functions since they are easy to use and often make a big difference in a script. Some programmers in the flash community truely beleive he is THE true guru. Even if it was published more than...

Finished judging the south by southwest web awards (SXSW).  Needless to say some sites were truely inovative and some a no sell! A few grabed my attention.  I will publish a list once the finalists are officialised; 

I wanted to rework thepreviousely posted  3D zoom menu engine. I reworked the 3D scale formula which became // current z position var zpos = (z-oCamera.z); // Calculating actual scale values scale = fl/(fl+z) var scale = focalLength/(focalLength...

Here is a nice example of the 3D tilted rotation example using multiple clips.

Ever wanted to rotate something around a circle but wanted it to have somekind of a tilted angle.Like the moon around the earth or earth around the sun.  Using the 3D rotation post, I added one variable to get things to tilt. Although I had to...

 Here is a nice example of the 3D rotation example using multiple clips

We are trying to get a 3 dimensional point in flash, but you must do that by taking what is called an ordered triplet and turn it in to an ordered pair. this is an ordered triplet: (x,y,z) this is an ordered...

 Looking at the OSX menu post and the oscillating movement post; I got a cool idea.  What if the menu wold have an osscillating  y axis. // Radian Conversion var radians:Number= (_clip._x/180) * Math.PI; // y position will be y...

There are three ways to orbit (or rotate) an object in 3D. Z-rotation is the one we use when we manualy rotate an Movie Clip using the flash transform tool or through the  _rotate property. Z-rotation is similar to rotating a steering...

I was looking at the latest bbdo worldwide and matthew mahon site; noticed its a the latest trend; creating 3D navigations and using them as menu to watch the content.  Also notice that the guys at wefail.com used it alot. Since a monitor...

I created a simple knob component; working on new experiments, I often use knobs to control rotation values of moviClips I have on stage. It  lets me change the values of many variables whitout compiling.  I made it simple enough to use,...

I created a simple slidebar componenet you drag onto the stage; While I am working on new experiments, using slidebars lets me change the values of many variables hitout compiling.  It can be used at other places, but I made it simple enough to...

I always wanted to know at what framerate my swf was playing.  Especially while doing 3D perspective projects. Scripting it in the code can be usefull; but I saw it as a waste of time.  So I created a simple componenet you drag onto the stage;...

As seen in the previous 3D perspective example; Once a 3d camera scripted, we can start playing around with object positioning on the x,y and z axis.  In the following example I am placing 20 Items in random x, y and z coordinates.  The moving...

I want to make a brief explanation of 3D perspective. Actually I meant of simulated 3D perspective, since true 3D does not exist inside a computer screen.  The basic formula for 3D perspective is f : focal point z : object position scale...

We can create a Menu that looks like the Mac OSX menu by combining the two hitTest  techniques (the hi lo technique and the Math hitTest). Both have their advantages and disadvantges and serve the purpose of this experiment OSX menu kinematics...

Placement of the icons on the x axis is next up. the latest result was satiisfactory but I dont like all those icons that stumble on eahc other.  We need to find a way to space the icons out as they scale.  The following code does exactly...

Judging from the latest results, we are still far from the cool OSX menu effect. What we need to add now is a way to get the mainicon that is rolled on to scale at 100% while the others closeby scale at a percentage.  How do you do that!! The...

Ever wanted to do a menu that looks like a mac?Using the hitTest hi lo method I previousely shown, I  have placed 10  mac icons on my stage (icons courtesy of  dlanham.com ) and will use the hi lo hiteTest detection technique to create...

Simulating the mvieClip hiTest method can also be done with the hi lo method.  What does hi lo stand for, simply the highest point of impact and the lowest point of impact.  Mind you we can also call it the hi lo left right technique but...

As seen in the previous example, the new hitdetection method can verrify if the mouse hits the clip on either side of the clips x coordinates.  If we want to add the y coordinates and get a full blown hittest method we add the variables that caluclate...

The flash buld in HitTest method has always been somehow limited and excessively CPU intensive when used by many clips at one.  Reliability has also been a factor.  What I want to do is to get a sprite to scale in size once it' rolled...

A free Flash debug log file tool, since discovering the we could store the flash trace() and cool player warnings to .txt files on the hard drive g.wygonik created a simple app to show the log file of your flash movie.  It is very useful. download...

I based myself on the previous Looping movement code to get a movie-clip to move along the stage while oscillating. One of the simplest examples of composite trigonometric curves is from electronics. An alternating current signal (v = 3 cos...

In order to dynamically get a movie-Clip to move we add to its x or y value. coded as follows : onEnterFrame(){ this._x++; } getting the movie clip to move along the stage cycling back to the left every time it reaches the end...

Simple rule to respect when we want to simulate 3D in flash. Focal point vs the computer screen. The focal point being the point far away in the horizon where things fade away.  In the following example I used the equation: f : focal point z...

How many times have you built something in Flash, tested it a million times or more, have it work great, and then fail as soon as you put it online, or outside the Flash IDE ? You then go back to your local version, test some more, and begin throwing...

Using yesterdays scripted threeD example, we simply have to add a for loop in order to get many particles to spin in our newly created 3D world.  Using a sweet randomiser function that returns a random integer between two specified parametrers...

BYour eye perceives the world in two dimensions only. 3D vision is a construction of your brain; Have you ever seen a mirage? On a hot day, warm air trapped near the surface of the road reflects the blue sky and you think you are seing a puddle of...

Sometimes animation is not enough and we need to make things interactive; like using such movement to create dynamic menus and navigation systems. by using the circular movement example from yesterday  and adding the following code we can acheive...

How do you make clips move along a circle using actionscript.  Should have something to do with angles, radiuses and sines cosines.  That is partially right, although there is more to it.  A small knowledge of mathematics is necessary.Since...

Creating kinematic movement might seem extremely difficult.  Results are often wowing and sexy; heres an example I did a few years ago. Some people think that this type of animation is reserved to the elite of the flash programming world. In reality...

Designing a website should always start with the color palette decision. Before getting too involved with photoshop, the color palette bellow was created to be used in my design later on. Miniml was based on these 6 colors, mostly cold colors with...