rotation of background image as in 3d space

[dzimidula]

Hello,

 

Is something like the following possible with GSAP? http://felixandpaul.com/?projects/intro

 

Basically the background image is larger than appears to be, and when moving the mouse left and right it rotates as in 3D space and reveals more of itself.

[Carl]

That isn't really a background image, its a large <canvas> element. It appears that site is loading three.js which is most likely responsible for any 3D or WebGL content on that site. 

 

Three.js is an extremely powerful and fast 3d renderer. The good news is that you can absolutely use GSAP to animate properties of Three.js objects.

Here are some Three.js examples:

 

http://threejs.org/examples/#webgl_animation_cloth

 

Here is a nice example of GSAP animating tiles made with Three.js

https://codepen.io/noeldelgado/pen/QwWRwg?editors=0010

 

Frankly, I'm really not sure how to tell you to replicate the example you provided, however it's totally possible to move an image or rotate a <div> in 3D space based on mouse movement. Here is an example: http://fiddle.jshell.net/Zuriel/qGcd9/show/