Need help with deviceorientation events + Three.js scene

[nandanimal]

I posted yesterday asking for some help re: simulating an AR gallery on mobile web browsers but didn’t get any response. You can see the post here:

Shifting orientation of a scene only on mobile

I’m using three.js and DeviceMotion events to make a 3d gallery, where camera rotation on mobile is determined by device rotation (alpha, beta, gamma). Everything works as intended, except I want to change the “base” state from phone laying face up in portrait to phone being held up in portrait. Here’s a very crude drawing of what I mean: [Screenshot 2024-01-31 at 12.59.49 PM] And here’s my code: if (isMobile && !/iPad|Macintosh/i.test(navigator.userAgent)) { camera.position.set…

I’m at a point where I’m willing to pay someone to figure this out for me as I’ve spent way too much time trying to figure it out myself, and it’s the only thing preventing me from launching the site! If interested please let me know.

[Lawrence3DPK]

Have a look at r133’s implementation of DeviceOrientationControls this should reveal the correct camera transforms you need for the calculation

[jack04]

Hello @nandanimal ,

I’ve reviewed your requirements and sent you a DM regarding that. Please check and reply at your earliest convenience.

Feel free to reach out:

jack@technogiq(dot)com
Skype: live:.cid.a0f06a69cf1c6478

Looking forward to hearing from you.

Regards,
Jack Smith