Video Thumbnail

Sign up for a plan to instantly unlock all premium lessons.

UNLOCK LESSON

Premium Features

Download Video

Mobile Event Listeners

Published 10 months ago

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

Login
b
bunnynomics posted 2 months ago
0
a
absurd posted 7 months ago
0
b
bigd posted a year ago
0
chris posted a year ago
2

Providing the lift to launch your development career

© 2022 Chris Courses. All rights reserved.