Printable View
Just out of curiousity, anyone here know what it takes to make a flash page like this one? it's very impressive stuff...i'm just courious-who knows, i may make something with similar script in the future~
(oh yeah, i guess what i especially want to know is how they got the animated little birdie to follow your mouse...and you can switch birdies too if you play around with it...)
check it out here:
http://www.wwd07.com/worldwide.html
that's cool, I wonder how they did that bird, pretty neat stuff.
AK
That is a great effect.
I would think its the same principle as the swf files that have eyes that follow the cursor ( detecting the angle between the cursor and a object ). Instead of having eyes moving you go to different frames in a movieclip ( the bird would be a movieclip with a certain position per frame, and which frame that is shown is dependent on the cursor angle ).
The sizing of the bird is simply detecting where it is on a y basis.
The movement ( when it follows the cursor ) is a simple easing script.
// On the bird mc
onClipEvent(enterFrame){
this._x+=(_root._xmouse-this._x)/7;
this._y+=(_root._ymouse-this._y)/7;
}
pellepiano wins...
pelle... i don't get it... would you happen to have a slight example about this? i'd appreciate it... :D
No, its mostly speculation on my part, but thats how I would go about it. To check a .fla file with eyes that follow the mouse and customize that code to control a movieclip instead of moving the eyes.
The movement is simple though, its just the code snippet in the previous post, and that can be used in many ways. Like scrolling images, resizing and so on ( all with that nice easing effect ).
im pretty sure ur right. the best way to think of the rotation thing is like your typical 4 qudrant x-y axis graph. The birds position is cosidered the origin (0,0) and the mouse position is cosidered as a point. I could go through the maths of it, but if you can remember ur basic trig stuff fom school (heres a refresher http://www.gcseguide.co.uk/sin,_cos,_tan.htm) this stuff is pretty basic once u understand whats actually happening. What you're looking for is the angle of rotation. using if statements, if the angle is between something like 0-45 degrees, you'll have it to goto a specific frame of the imported bird animation. Once u go through it, its pretty easy, there's sure to be some stuff in flashkit movies section about angle detection.Quote:
Originally posted by pellepiano
No, its mostly speculation on my part, but thats how I would go about it. To check a .fla file with eyes that follow the mouse and customize that code to control a movieclip instead of moving the eyes.
The movement is simple though, its just the code snippet in the previous post, and that can be used in many ways. Like scrolling images, resizing and so on ( all with that nice easing effect ).
TO the orignal question then..The bird thing is not as complex as it seems, some knowledge of general movement actionscript, working with trig functions in flash, and you old highschool trigonometry....But hmmm, to make a site like that? A good sense of design, thats for sure:)