RotateGesture

Example

//============================================================================
// Rotates two planes individually, depending on where a rotation gesture
// is detected
//
// Project setup:
// - Two planes: plane0 and plane1
//
// Required project capabilities:
// - Touch Gestures > Rotate Gesture
//
//============================================================================

// Load in the required modules
const Scene = require('Scene');
const TouchGestures = require('TouchGestures');
const Diagnostics = require('Diagnostics');

(async function() { // Enable async/await in JS [part 1]

  // Locate the plane objects in the scene
  const [firstPlane, secondPlane] = await Promise.all([
    Scene.root.findFirst('plane0'),
    Scene.root.findFirst('plane1')
  ]);

  // Create a reference to both planes' transforms
  const firstPlaneTransform = firstPlane.transform;
  const secondPlaneTransform = secondPlane.transform;


  //==========================================================================
  // Rotate the first plane if the gesture is detected on the plane itself
  //==========================================================================

  // Subscribe to rotation gestures on the first plane
  TouchGestures.onRotate(firstPlane).subscribe((gesture) => {

    // Store the last known z axis rotation value of the first plane
    const firstPlaneLastRotationZ = firstPlaneTransform.rotationZ.pinLastValue();

    // Add the gesture rotation to the z axis rotation of the first plane and
    // multiply the value by -1 to ensure rotation in the correct direction
    firstPlaneTransform.rotationZ = gesture.rotation.mul(-1).add(firstPlaneLastRotationZ);

    // Log the center point of the two touches of the rotation gesture
    Diagnostics.log(gesture.location);
  });


  //==========================================================================
  // Rotate the second plane if the gesture is detected anywhere on the screen
  //==========================================================================

  // Subscribe to rotation gestures
  TouchGestures.onRotate().subscribe((gesture) => {

    // Store the last known z axis rotation value of the second plane
    const secondPlaneLastRotationZ = secondPlaneTransform.rotationZ.pinLastValue();

    // Add the gesture rotation to the z axis rotation of the second plane and
    // multiply the value by -1 to ensure rotation in the correct direction
    secondPlaneTransform.rotationZ = gesture.rotation.mul(-1).add(secondPlaneLastRotationZ);

    // Log the center point of the two touches of the rotation gesture
    Diagnostics.log(gesture.location);
  });

})(); // Enable async/await in JS [part 2]

Properties

(get) location: Vec2Signal
(set) (Not Available)

(get) rotation: ScalarSignal
(set) (Not Available)

Methods

This module exposes no methods.