Audi R8- howd theydo this?

[Stiqman]

Please take a look at the navigation on this site:

http://www.truthinengineering.com/

(just press continue to get past the intro movie.)

Im baffled as to how the apparent floating and rotation of the navigation panels are controlled. I dont even know how to describe what im seeing but the mouse movement must be controlling the angle of the moviclips containing the dynamic images. Im interested in how theyre making it move. any ideas? :ponder:

[biznuge]

looks like something that might have been done in "sandy 3d", a 3dee api availbale for as 2 & 3.

check it out at http://sandy.riaforge.org/. I've only had a chance to use it briefly, but it's absolutely awesome to see dynamic stuff happening in realtime 3d in flash. AS3 stuff runs so smooth it's unbelievable...(-:

[rubberglover]

I made something like this once. I basically made an empty movie clip that affects it's parent. This movie clip established an X value, a Y value and a 'z' value for depth (just a scale function based on a focal length variable - check the kirupa tut's on 3d for reference), and then adjusted the parent clips x, y and scale values relative to the parents starting x, y and scale starting values and the mouse position. Now that i'm typing it it sounds more complicated than it really is! What I ended up with was a movieclip that I could jsut drop inside other movie clips to make them a 3d object that moved around and changed depth depending on where the mouse is... i'll dig out the project and post a link if i can find it :-)

[Stiqman]

I made something like this once. I basically made an empty movie clip that affects it's parent. This movie clip established an X value, a Y value and a 'z' value for depth (just a scale function based on a focal length variable - check the kirupa tut's on 3d for reference), and then adjusted the parent clips x, y and scale values relative to the parents starting x, y and scale starting values and the mouse position. Now that i'm typing it it sounds more complicated than it really is! What I ended up with was a movieclip that I could jsut drop inside other movie clips to make them a 3d object that moved around and changed depth depending on where the mouse is... i'll dig out the project and post a link if i can find it :-)

sounds like yoru solution give the illusion of depth, but the whole tilting is really what i dont get... how are they getting their panels to appear to rotate on the y axis...

[Qued]

sounds like yoru solution give the illusion of depth, but the whole tilting is really what i dont get... how are they getting their panels to appear to rotate on the y axis...
Sandy 3D is probably your best bet.

[biznuge]

I'm not saying this would be simple to do in Sandy3D, as obviously there's a hell of a lot going on in the AS3 engine, and compiler to do this kind of thing, but the API for sandy is incredibly intuitive, and there are a gagillion examples of stuff out there.

I built a simple video cube in it the other day, streaming content directly onto a skinned surface, with probably only 100 lines of code in the entire fla.

Fair enough this could be done in a "lets try and transform and scale this mc to fool the user into thinking it's 3D", but with the introduction of AS3 and the speeds it's capable of, this kind of interface is very much a reality today.

Sandy3D - checkitowt....:hugegrin:

[your.syndrome]

seems to work the same was as this >> http://www.whitevoid.com/application.html <<

[biznuge]

that's a beautiful site. I'm at work and I just wasted 15 useful minutes playing with it. nice find, and cheers for posting it...

[StigC]

The car is pretty nice aswell.. :rock:
I'd rather have one of them, than the navigation!

[elbalazo]

I think that this is probably what you are looking for: http://www.flashden.net/item/3d-menu-studio-v10/1377

Also this:
http://www.flashden.net/item/sgalleryx-3d-photo-space-gallery/5176

[icio]

Nice site!


I think that this is probably what you are looking for: http://www.flashden.net/item/3d-menu-studio-v10/1377

Also this:
http://www.flashden.net/item/sgalleryx-3d-photo-space-gallery/5176

Neither of those exhibit the rotation shown in the previous links.

[lasadorian]

sounds like yoru solution give the illusion of depth, but the whole tilting is really what i dont get... how are they getting their panels to appear to rotate on the y axis...


I made something like this once. I basically made an empty movie clip that affects it's parent. This movie clip established an X value, a Y value and a 'z' value for depth (just a scale function based on a focal length variable - check the kirupa tut's on 3d for reference), and then adjusted the parent clips x, y and scale values relative to the parents starting x, y and scale starting values and the mouse position. Now that i'm typing it it sounds more complicated than it really is! What I ended up with was a movieclip that I could jsut drop inside other movie clips to make them a 3d object that moved around and changed depth depending on where the mouse is... i'll dig out the project and post a link if i can find it :-)


do u have those files anywhere? id like to see

[excogitator]

Papervision3d or Away3d or Sandy3d has been used. If not then another 3d class library has been used

[coreman2200]

I think the DOF effect on the further away windows is damned inspiring.. lol. I also like the 'camera' zooms in and out of the center based on the mouse position.. Overall it's pretty damn sick. There was this Nike website that blew me away with similar effects, before.. Wish I had saved the link.. I think it was for one of the pairs of Jordan's out at the time.