From 56147ed325c1ee35440bc88c018b1d4dbe89d0b5 Mon Sep 17 00:00:00 2001
From: TreetopFlyer <seth111@gmail.com>
Date: Sun, 11 Jul 2021 09:24:39 -0400
Subject: [PATCH] surface rendering

---
 index.html | 98 +++++++++++++++++++++++++++++-------------------------
 region.js  |  2 +-
 scene.js   |  5 +--
 3 files changed, 57 insertions(+), 48 deletions(-)
diff --git a/index.html b/index.html
index 31e382d..b258832 100644
--- a/index.html
+++ b/index.html
@@ -20,18 +20,42 @@
     <body>
         <canvas></canvas>
 <script type="module">
+import { Scene, THREE } from './scene.js';
 import { Region } from "./region.js";
 
-let voxels = [];
-voxels[Region.I(2, 2, 2)] = true;
-voxels[Region.I(3, 2, 2)] = true;
-console.log(Region.Surface(voxels));
+let surfaceTest = () =>
+{
+    let voxels = [];
+    voxels[Region.I(2, 2, 2)] = true;
+    voxels[Region.I(2, 3, 2)] = true;
+    voxels[Region.I(3, 2, 2)] = true;
+    let surface = Region.Surface(voxels)
+    console.log(surface);
 
-</script>
-<!--
-<script type="module">
-    import { Scene, THREE } from './scene.js';
+    let surfaceGeometry = new THREE.BufferGeometry();
+    surfaceGeometry.setAttribute('position', new THREE.BufferAttribute(surface.vert, 3) );
+    surfaceGeometry.setIndex(surface.triPointVert);
+    surfaceGeometry.computeVertexNormals();
 
+    let surfaceObject = new THREE.Mesh(
+        surfaceGeometry,
+        new THREE.MeshBasicMaterial({color:0xaa9900, wireframe:true})
+    );
+
+    return {
+        DOM:"canvas",
+        Init(inScene)
+        {
+            inScene.add(surfaceObject);
+            inScene.add(new THREE.GridHelper(10, 10));
+        },
+        Update(inScene, inDelta){}
+    };
+
+}
+
+let smoothTest = () =>
+{
     let average = (inArray, inPointInd, ...inOthersInd) =>
     {
         let sum = [0, 0, 0];
@@ -92,19 +116,6 @@ console.log(Region.Surface(voxels));
             }
         }
     }
-    
-    /*
-    let testPoints =
-    [
-         0,  0,  0,
-         0,  1,  0,
-         1,  1,  0
-    ];
-    console.log(testPoints);
-    average(testPoints, 1, 0, 2);
-    console.log(testPoints);
-    */
-
     let path = (inPoints, inSmoothing, inColor) =>
     {
         let clone = [...inPoints];
@@ -119,33 +130,29 @@ console.log(Region.Surface(voxels));
         output.add( new THREE.Points( geometry, materialPoint ) );
         return output;
     }
-
     const points =
     [
-         4,  0,  0,
-         3,  0,  0,
-         2,  0,  0,
-         1,  0,  0,
+            4,  0,  0,
+            3,  0,  0,
+            2,  0,  0,
+            1,  0,  0,
         //
-         0,  0,  0,
-         0,  1,  0,
-         1,  1,  0,
-         2,  1,  0,
-         2,  2,  0,
-         3,  2,  0,
-         4,  2,  0,
-         4,  3,  0,
-         //
-         5,  3,  0,
-         5,  2,  0,
-         5,  1,  0,
-         5,  0,  0,
+            0,  0,  0,
+            0,  1,  0,
+            1,  1,  0,
+            2,  1,  0,
+            2,  2,  0,
+            3,  2,  0,
+            4,  2,  0,
+            4,  3,  0,
+            //
+            5,  3,  0,
+            5,  2,  0,
+            5,  1,  0,
+            5,  0,  0,
     ];
 
-
-    /*
-    Scene(
-    {
+    return {
         DOM:"canvas",
         Init(inScene)
         {
@@ -157,8 +164,9 @@ console.log(Region.Surface(voxels));
 
         }
     }
-    );
-    */
+};
+
+Scene(surfaceTest());
 
 </script>
 
diff --git a/region.js b/region.js
index f420ed0..a82f617 100644
--- a/region.js
+++ b/region.js
@@ -131,6 +131,6 @@ export const Region =
             }
         }
 
-        return {vertices, voxPointVert, triPointVert, vertPointNeighbors};
+        return {vert:new Float32Array(vertices.flat()), voxPointVert, triPointVert, vertPointNeighbors};
     }
 };
diff --git a/scene.js b/scene.js
index 157c958..8ee65a0 100644
--- a/scene.js
+++ b/scene.js
@@ -6,7 +6,7 @@ export function Scene(inSettings)
 {
     const renderer = new T.WebGLRenderer({canvas:document.querySelector(inSettings.DOM)});
     const scene = new T.Scene();
-    const camera = new T.PerspectiveCamera(80, 2, 0.1, 10);
+    const camera = new T.PerspectiveCamera(80, 2, 0.1, 100);
     const light = new T.DirectionalLight(0xFFFFFF, 1);
     const controls = new OrbitControls(camera, renderer.domElement);
     let dirty = false;
@@ -45,7 +45,8 @@ export function Scene(inSettings)
     scene.add(light);
     //scene.add(new T.GridHelper(10, 10));
     light.position.set(-1, 2, 4);
-    camera.position.set(0, 0, 2);
+    camera.position.set(0, 5, -5);
+    camera.lookAt(new T.Vector3(0,0,0));
     controls.update();
 
     inSettings.Init(scene);
