loops.js

export const loop_raycaster = (APP) => {
  const cameraNative = APP.camera.getNative();
  const raycaster = APP.raycaster;
  const ray = APP.raycaster.ray;
  const plane = APP.planeForRaycasting;

  return new WHS.Loop(() => {
    raycaster.setFromCamera(
      new THREE.Vector2(
        (APP.cursor.x / window.innerWidth) * 2 - 1,
        -(APP.cursor.y / window.innerHeight) * 2 + 1
      ),
      cameraNative
    );

    const bPos = APP.ball.position;
    const raycastPoint = ray.at(ray.distanceToPlane(plane));

    if (!APP.levelMenuTriggered && APP.animComplete && bPos.z > 60) APP.triggerLevelMenu();
    if (APP.levelMenuTriggered && APP.animComplete && bPos.z < 170) APP.goBackToLevel();

    APP.ball.setLinearVelocity(raycastPoint.sub(bPos).multiplyScalar(2));
  });
}

// LOOP: keep_ball