2.5.2 • Published 4 years ago

@ocio/three-camera-utils v2.5.2

Weekly downloads
57
License
-
Repository
github
Last release
4 years ago

Install

npm i @ocio/three-camera-utils

Example

import * as THREE from 'three'
import OrbitControls from 'three-orbitcontrols'
import {
    changeRotation,
    changePosition,
    createLimitPan,
} from '@ocio/three-camera-utils'

const camera = new THREE.PerspectiveCamera(
    fov: 10,
    window.innerWidth / window.innerHeight,
    near: 1,
    far: 9999
)
const controls = new OrbitControls(camera, renderer.domElement);

// changeRotation
changeRotation({ angleV: 45, angleH: 45, distance:100, controls, camera });

// changePosition
changePosition({ x: 0, z: 0, camera, controls })

// limitPan
const limitPan = createLimitPan({ camera, controls, THREE });
controls.addEventListener("change", e => {
  limitPan({ maxX: 25, maxZ: 25 });
});

Demo

https://codesandbox.io/s/funny-bhabha-kjyfw

2.5.2

4 years ago

2.5.0

4 years ago

2.5.1

4 years ago

2.3.0

5 years ago

2.4.1

5 years ago

2.4.0

5 years ago

2.2.1

5 years ago

2.2.0

5 years ago

2.1.0

5 years ago

2.0.0

5 years ago

1.6.0

5 years ago

1.5.1

5 years ago

1.5.0

5 years ago

1.4.1

5 years ago

1.4.0

5 years ago

1.3.2

6 years ago

1.3.1

6 years ago

1.2.3

6 years ago

1.2.2

6 years ago

1.2.1

6 years ago

1.2.0

6 years ago

1.1.4

6 years ago

1.1.3

6 years ago

1.1.2

6 years ago

1.1.1

6 years ago

1.1.0

6 years ago

1.0.0

6 years ago