DEPRECATED
[three-js] exposes real modules now via three/examples/jsm/... For example to import the Orbit, do
three-orbitcontrols
is the three.js OrbitControls from official repo examples
Installation
To install with npm do
npm install threenpm install three-orbitcontrols
Usage
All credit goes to OrbitControls.js contributors. See also official OrbitControls documentation.
I have just stolen the code and modified to export it as a module so you can do something like
const THREE = const OrbitControls = // ES6 also works, i.e.// import OrbitControls from 'three-orbitcontrols' // Init THREE scene (add your code) const camera = 75 width / height 01 1000camerapositionz = 5 const renderer = canvas const controls = camera rendererdomElementcontrolsenableDamping = truecontrolsdampingFactor = 025controlsenableZoom = false
Please note that:
- You call
OrbitControls
directly instead ofTHREE.OrbitControls
. - This package does not depend directly on three.js, which is declared as a peer dependency.
See also examples:
- CommonJS example: clone this repo, install deps and launch
npm run example_commonjs
. - TypeScript example: clone this repo, install deps and launch
npm run example_typescript
.
Changelog
See OrbiControls.js history here.
Please also note that this repo's minor version equals three.js release number.
Motivation
There is another package similar to this one: three-orbit-controls. I decided to create another package with a different approach, see this issue for the rationale.
I am using this package for my 3d tic tac toe canvas: see also online demo.