Previously, we resized our scene to fit the smaller screen proportions associated with phones and tablets. However, you may have noticed, when testing on an actual mobile device, the globe doesn't spin like it does on desktop.
In this video, we'll cover how to add mobile event listeners to our project so we can reobtain the spin effect on mobile.
The step-by-step process will be:
Add event listeners
Swap out
clientX
andclientY
Test if
raycaster
intersects with sphereIf length is greater than 0, set
mouse.down
to trueSet
passive: false
if neededIf
mouse.down
, prevent default and spinTest on a mobile phone
Like the poster said below: The touch locations are non-responsive or way off which makes navigation hard. Try it on mobile. Someone have input to this?