Rearranges scene elements

swapkats · Jul 8, 2020 · c73a425 · c73a425
1 parent 7df0948
commit c73a425
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 5 deletions.
diff --git a/app/elements/map-scene.ts b/app/elements/map-scene.ts
@@ -37,7 +37,7 @@ class MapScene extends LitElement {
   renderRootNode = () => html`<three-text text="${this.map.root}" posX="0" posY="0" posZ="0"></three.text>`
 
   renderSubNodes = () => html`
-    ${this.map.nodes.map((node, index) => html`<three-text text="${node.text}" pos-x="${Math.random() * 200}" pos-y="0" pos-z="0"></three.text>`)}
+    ${this.map.nodes.map((node, index) => html`<three-text text="${node.text}" pos-x="${Math.random() * 100}" pos-y="${Math.random() * 100}" pos-z="${Math.random() * -100}"></three.text>`)}
   `
 
   render = () => (this.map ? html`

diff --git a/app/elements/three-camera.ts b/app/elements/three-camera.ts
@@ -9,7 +9,7 @@ export default class ThreeCamera extends LitElement {
   constructor() {
     super();
     const camera = new PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
-    camera.position.z = 5;
+    camera.position.z = 100;
     camera.lookAt(0, 0, 0);
     cameraContext.setCamera(camera);
   }

diff --git a/app/elements/three-controls.ts b/app/elements/three-controls.ts
@@ -10,8 +10,8 @@ import rendererContext from '../contexts/rendererContext';
 export default class ThreeControls extends LitElement {
   firstUpdated() {
     super.firstUpdated();
-    // let controls = new OrbitControls(cameraContext.useCamera(), rendererContext.useRenderer().domElement);
+    let controls = new OrbitControls(cameraContext.useCamera(), rendererContext.useRenderer().domElement);
     // controls.update();
-    let control = new TransformControls( cameraContext.useCamera(), rendererContext.useRenderer().domElement );
+    // let control = new TransformControls( cameraContext.useCamera(), rendererContext.useRenderer().domElement );
   }
 }
diff --git a/app/elements/three-text.ts b/app/elements/three-text.ts
@@ -50,7 +50,6 @@ class ThreeText extends LitElement {
     // make shape ( N.B. edge view not visible )
 
     const textMesh = new Mesh(geometry, matLite);
-    textMesh.position.z = -100;
 
     sceneContext.useScene().add(textMesh);
   }