Camera position and device controls using the waves example

Hi r/threejs,

I have a website where i need to use threejs. I used the waves example in a landing page and it is working well on desktop/laptop.

However, I need to be able to move the waves (same behaviour as mouse in desktop) but with the device gyroscope/accelerometer and it is working using the devicecontrols that i found in another example. The problem is that it is my first time using three and working with 3d and i am lost. The dots are really small they only seem to move in a very small line and i dont know how or where the camera should look.

For example,

– Desired behaviour (https://www.dropbox.com/s/d11srwqww8jtuda/PhoneWanted.png?dl=0)

– Current on desktop (https://www.dropbox.com/s/x3rpcnovrfr2v1x/Desktop.png?dl=0)

– Current on mobile (https://www.dropbox.com/s/c9c1mojgi5zt55y/IMG_2385.jpeg?dl=0)

On mobile should look the same as on desktop and move the waves but only horizontally…

Is this possible?

Mobile Script

 if (screen && screen.width ` 

Thank you!

Submitted March 23, 2019 at 08:51PM by 0cean88
via reddit https://www.reddit.com/r/threejs/comments/b4rlsr/camera_position_and_device_controls_using_the/?utm_source=ifttt