/threejs-spherical-controls

Spherical camera controller for Three.js

Primary LanguageTypeScriptMIT LicenseMIT

threejs-spherical-controls

Spherical camera controller for Three.js

MIT License build test Maintainability Test Coverage

ReadMe Card

Demo

Demo Page

Getting Started

Install

npm install @masatomakino/threejs-spherical-controls --save-dev

Import

threejs-spherical-controls is composed of ES6 modules and TypeScript d.ts files.

At first, import classes.

import { SphericalController } from "@masatomakino/threejs-spherical-controls";

Set up controller

const cameraTarget = new Mesh(new SphereGeometry(1));
scene.add(cameraTarget);

const cameraController = new SphericalController(camera, cameraTarget);
cameraController.initCameraPosition(
  new Spherical(radius, 0, 0), // => North Pole
);
cameraController.move(
  new Spherical(radius, Math.PI, 0), // => South Pole
);

API documents

License

MIT license