disable intro example tilt on pointerdown

lume · Nov 22, 2023 · 2dca98e · 2dca98e
1 parent fc64841
commit 2dca98e
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/intro-example.html b/intro-example.html
@@ -173,8 +173,13 @@
 	tiltOnPointerMove(scene, shape)
 
 	function tiltOnPointerMove(pointerContext, rotationTarget, rotationAmount = 15) {
+		let pointers = new Set()
+		pointerContext.addEventListener('pointerdown', event => pointers.add(event.pointerId))
+		pointerContext.addEventListener('pointerup', event => pointers.delete(event.pointerId))
+
 		// Slightly rotate the given element based on pointer movement.
 		pointerContext.addEventListener('pointermove', event => {
+			if (pointers.size) return
 			rotationTarget.rotation.y = (event.clientX / pointerContext.offsetWidth) * (rotationAmount * 2) - rotationAmount
 			rotationTarget.rotation.x = -(
 				(event.clientY / pointerContext.offsetHeight) * (rotationAmount * 2) -