Switch threejs controls ( from TrackBall to FlyControls and vice versa)

by

What about something like this?

function onClick() {

    var prevCamera = camera;

    camera = new THREE.PerspectiveCamera(...);
    camera.position.copy( prevCamera.position );
    camera.rotation.copy( prevCamera.rotation );

    var MODE = { TRACKBALL: 0, FLY: 1 };

    switch( mode ) {

        case MODE.FLY:

            controls = new THREE.TrackballControls( camera );

            mode = MODE.TRACKBALL;

            break;

        case MODE.TRACKBALL:

            controls = new THREE.FlyControls( camera );

            mode = MODE.FLY;

            break;

    }

}

More Related Contents:

  1. “Cross origin requests are only supported for HTTP.” error when loading a local file
  2. THREE.js generate UV coordinate
  3. Three.js – Orthographic camera
  4. Drawing a line with three.js dynamically
  5. THREE.js : 2xMeshes using same vector as position
  6. How to rotate a 3D object on axis three.js?
  7. Rotate object on specific axis anywhere in Three.js – including outside of mesh
  8. Thickness of lines using THREE.LineBasicMaterial
  9. Using textures in THREE.js
  10. How to stop a requestAnimationFrame recursion/loop?
  11. Three JS – Find all points where a mesh intersects a plane
  12. How to get the absolute position of a vertex in three.js?
  13. Is it possible to enable unbounded number of renderers in THREE.js?
  14. Any way to get a bounding box from a three.js Object3D?
  15. Three.js Projector and Ray objects
  16. How to detect collision in three.js?
  17. Three JS Pivot point
  18. Three.js – Geometry on top of another
  19. Three.js/WebGL: Large spheres appear broken at intersection
  20. Convert 2:1 equirectangular panorama to cube map
  21. Three.js cube with different texture on each face
  22. Three.js and loading a cross-domain image
  23. How to save canvas animation as gif or webm?
  24. How to create a custom mesh on THREE.JS?
  25. Antialiasing not working in Three.js
  26. Detect clicked object in THREE.js
  27. Determine if a mesh is visible on the viewport according to current camera
  28. How to render clipped surfaces as solid objects
  29. Threejs: assign different colors to each vertex in a geometry
  30. Three.js multiple materials on object loaded via OBJMTLLoader

Leave a Comment