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

fix camera target position

Browse source
This commit is contained in:
btzr-io 2018-08-17 23:07:33 -06:00 • committed by Sean Yesmunt
parent 61131ce77d
commit b8cd8db692
1 changed files with 21 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -71,8 +71,8 @@ class ThreeViewer extends React.PureComponent<Props, State> {
group.position.setY((meshY / 2) * scaleFactor);
// Reset object position
const box = new THREE.Box3().setFromObject(group);
box.getCenter(group.position);
// Update position
box.getCenter(group.position);
group.position.multiplyScalar(-1);
group.position.setY(group.position.y + meshY * scaleFactor);
}
@ -172,7 +172,12 @@ class ThreeViewer extends React.PureComponent<Props, State> {
transformGroup(group) {
ThreeViewer.fitMeshToCamera(group);
this.updateControlsTarget(this.mesh.position);
if (!this.targetCenter) {
const box = new THREE.Box3();
this.targetCenter = box.setFromObject(this.mesh).getCenter();
}
this.updateControlsTarget(this.targetCenter);
}
createInterfaceControls() {
@ -196,15 +201,24 @@ class ThreeViewer extends React.PureComponent<Props, State> {
};
// Color picker
const colorPicker = this.gui.addColor(config, 'color').listen();
const colorPicker = this.gui
.addColor(config, 'color')
.name('Color')
.listen();
colorPicker.onChange(color => {
this.material.color.set(color);
});
this.gui.add(this.material, 'wireframe').listen();
this.gui.add(this.controls, 'autoRotate').listen();
this.gui.add(config, 'reset');
this.gui
.add(this.material, 'wireframe')
.name('Wireframe')
.listen();
this.gui
.add(this.controls, 'autoRotate')
.name('Auto-Rotate')
.listen();
this.gui.add(config, 'reset').name('Reset');
this.guiContainer.current.appendChild(this.gui.domElement);
}
}
@ -263,7 +277,7 @@ class ThreeViewer extends React.PureComponent<Props, State> {
restoreCamera() {
this.controls.reset();
this.camera.position.set(-9.5, 14, 11);
this.updateControlsTarget(this.mesh.position);
this.updateControlsTarget(this.targetCenter);
}
renderStl(data) {
@ -293,7 +307,6 @@ class ThreeViewer extends React.PureComponent<Props, State> {
child.geometry.dispose();
}
});
this.scene.add(this.mesh);
this.transformGroup(this.mesh);
}