Sign up for a plan to instantly unlock all premium lessons.
Premium Features
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 and clientY
Test if raycaster intersects with sphere
If length is greater than 0, set mouse.down to true
Set passive: false if needed
If mouse.down, prevent default and spin
Test on a mobile phone
Comments
Want to participate?
Create a free Chris Courses account to begin
On mobile the population touch locations are way off. Any ideas how to correct this? I even tried to import your code but it still isn't correct.
Hi Chris, when is the arcs animation part coming? That one is the most exciting parts of the Github globe.
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?