LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

add autoRotate feature

Browse source
This commit is contained in:
btzr-io 2018-08-15 19:47:08 -06:00 • committed by Sean Yesmunt
parent 267cf2c11f
commit 61131ce77d
1 changed files with 19 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
src/renderer/component/viewers/threeViewer/index.jsx
View file

@ -13,7 +13,6 @@ import ThreeRenderer from './internal/renderer';
type Props = { type Props = {
theme: string, theme: string,
autoRotate: boolean,
source: { source: {
fileType: string, fileType: string,
downloadPath: string, downloadPath: string,
@ -32,6 +31,20 @@ class ThreeViewer extends React.PureComponent<Props, State> {
else reject(); else reject();
}); });
static createOrbitControls(camera, canvas) {
const controls = new THREE.OrbitControls(camera, canvas);
// Controls configuration
controls.enableDamping = true;
controls.dampingFactor = 0.75;
controls.enableZoom = true;
controls.minDistance = 5;
controls.maxDistance = 14;
controls.autoRotate = false;
controls.enablePan = false;
controls.saveState();
return controls;
}
static fitMeshToCamera(group) { static fitMeshToCamera(group) {
const max = { x: 0, y: 0, z: 0 }; const max = { x: 0, y: 0, z: 0 };
const min = { x: 0, y: 0, z: 0 }; const min = { x: 0, y: 0, z: 0 };
@ -176,6 +189,8 @@ class ThreeViewer extends React.PureComponent<Props, State> {
this.material.color.set(config.color); this.material.color.set(config.color);
// Reset wireframe // Reset wireframe
this.material.wireframe = false; this.material.wireframe = false;
// Reset autoRotate
this.controls.autoRotate = false;
// Reset camera // Reset camera
this.restoreCamera(); this.restoreCamera();
}; };
@ -188,26 +203,12 @@ class ThreeViewer extends React.PureComponent<Props, State> {
}); });
this.gui.add(this.material, 'wireframe').listen(); this.gui.add(this.material, 'wireframe').listen();
this.gui.add(this.controls, 'autoRotate').listen();
this.gui.add(config, 'reset'); this.gui.add(config, 'reset');
this.guiContainer.current.appendChild(this.gui.domElement); this.guiContainer.current.appendChild(this.gui.domElement);
} }
} }
createOrbitControls(camera, canvas) {
const { autoRotate } = this.props;
const controls = new THREE.OrbitControls(camera, canvas);
// Controls configuration
controls.enableDamping = true;
controls.dampingFactor = 0.75;
controls.enableZoom = true;
controls.minDistance = 5;
controls.maxDistance = 14;
controls.autoRotate = autoRotate;
controls.enablePan = false;
controls.saveState();
return controls;
}
createGeometry(data) { createGeometry(data) {
this.bufferGeometry = data; this.bufferGeometry = data;
this.bufferGeometry.computeBoundingBox(); this.bufferGeometry.computeBoundingBox();
@ -334,7 +335,7 @@ class ThreeViewer extends React.PureComponent<Props, State> {
this.camera.position.set(-9.5, 14, 11); this.camera.position.set(-9.5, 14, 11);
// Controls // Controls
this.controls = this.createOrbitControls(this.camera, canvas); this.controls = ThreeViewer.createOrbitControls(this.camera, canvas);
// Set viewer size // Set viewer size
this.renderer.setSize(width, height); this.renderer.setSize(width, height);
@ -356,7 +357,7 @@ class ThreeViewer extends React.PureComponent<Props, State> {
const updateScene = () => { const updateScene = () => {
this.frameID = requestAnimationFrame(updateScene); this.frameID = requestAnimationFrame(updateScene);
// this.controls.update(); if (this.controls.autoRotate) this.controls.update();
this.renderer.render(this.scene, this.camera); this.renderer.render(this.scene, this.camera);
}; };