DIGIT-ARC read-only archive · snapshot: July 23, 2026

How to create "Crysis" like 3D cam style UI for web page?

5 posts · originally from https://geek.digit.in/community/threads/how-to-create-crysis-like-3d-cam-style-ui-for-web-page.174489/

gdebojyoti
gdebojyoti Original post #1
Jun 4, 2013 at 12:34 AM
Hello.

I want to create a UI with 3D camera style (like the ones in Crysis 2 & 3) for a web page. That is, moving the mouse pointer moves the entire plane. I hope you can understand what I mean.

An example Youtube video to help make things clearer - Crysis 2 Beta: Menu PC - Full HD Pt.1 - YouTube (from the 0:17 mark).

Please note the way the entire plane tilts when the mouse is moved. That's the effect which I want to achieve.

I would prefer not to use any plugin (except Flash maybe), because I don't want to force the users to download a new plugin just to view my page.

Problem is that I have zero knowledge in Flash. And honestly speaking, I don't want to learn the whole Flash technology just to be able to do the above stuff. But I am okay with learning only that which is directly required for this.

So how do I create the 3D cam thing? Is it possible using jQuery?


Thanks.
abhidev
abhidev #2
Jun 29, 2013 at 9:51 PM
you don't need flash for this...you can achieve this using simple css3 and with some js...
gdebojyoti
Jun 29, 2013 at 9:58 PM
you don't need flash for this...you can achieve this using simple css3 and with some js...

Can you please tell me how to achieve that?
abhidev
abhidev #4
Jun 29, 2013 at 9:59 PM
check this out for ur reference
How to make clouds with CSS 3D - Blog - Clicktorelease
gdebojyoti
Jun 29, 2013 at 11:25 PM
Okay. Thank you.