Off-axis projection effect with cannon.js

Hello everybody!

I wanted to share a codesandbox that I did yesterday.
The effect is based on the camera’s off-axis projection. (here the article from which I took inspiration).

To make things a little more interactive I added cannon.js :slight_smile:
It’s all done with react-three-fiber and use-cannon (sorry if you don’t use react :pensive:)

Here the code
Here direct link to the app (to be opened on mobile)
I leave you also the link to the tweet I did about it just for the video

This version in particular uses DeviceMotion to animate the projection. But there are those who are working to make it a desktop version and a version with facetracking

4 Likes