rebuild everything works

app.js

@@ -1,31 +1,52 @@
 // @ts-check
 
 import * as T from 'three';
-//import { FaceNormalsHelper } from 'three/examples/jsm/helpers/FaceNormalsHelper.js';
+import { VertexNormalsHelper } from 'three/examples/jsm/helpers/VertexNormalsHelper.js';
 import { Scene } from './scene.js';
 import Region from "./region.js";
 
 let voxels = [];
 voxels[Region.I(0, 0, 0)] = true;
+voxels[Region.I(1, 0, 0)] = true;
+voxels[Region.I(1, 1, 0)] = true;
+voxels[Region.I(1, 2, 0)] = true;
 
 
 let surfaceCubeGeometry = new T.BufferGeometry();
+surfaceCubeGeometry.setAttribute("position", new T.BufferAttribute(new Float32Array(), 3));
 let surfaceCubeObject = new T.Mesh(
     surfaceCubeGeometry,
-    new T.MeshPhongMaterial({color:0x666666, wireframe:false, flatShading:true, side:T.BackSide})
+    new T.MeshPhongMaterial({color:0x666666, wireframe:false, flatShading:false, side:T.BackSide})
 );
 
-//var vnh = new FaceNormalsHelper( surfaceCubeObject, 1, 0xff0000 );
+let surfaceCubeNormalHelper;
 
 let rebuildSurface = inVoxels =>
 {
     let { pos, ind } = Region.Surface(inVoxels);
 
-    surfaceCubeGeometry.setAttribute("position", new T.BufferAttribute(pos, 3));
+    let surfaceCubePositions = new T.BufferAttribute(pos, 3);
+    surfaceCubePositions.setUsage( T.DynamicDrawUsage );
+
+    surfaceCubeGeometry.dispose();
+    surfaceCubeGeometry = new T.BufferGeometry();
+    surfaceCubeGeometry.setAttribute("position", surfaceCubePositions);
     surfaceCubeGeometry.setIndex(ind);
+    surfaceCubeGeometry.computeVertexNormals();
+    surfaceCubeObject.geometry = surfaceCubeGeometry;
+
 };
 rebuildSurface(voxels);
 
+surfaceCubeNormalHelper = new VertexNormalsHelper( surfaceCubeObject, -0.2 );
+
+
+
+const hitHelper = new T.Mesh
+(
+    new T.BoxGeometry( 0.2, 0.2, 0.2 ),
+    new T.MeshBasicMaterial( {color: 0x00ff00} )
+);
 
 Scene({
     DOM:"canvas",
@@ -33,10 +54,15 @@ Scene({
     {   
         let light = new T.PointLight(0xffffff, 1, 100)
         light.position.set(5, 5, -5);
-        inScene.add(light)
+        inScene.add(light);
+
         inScene.add(surfaceCubeObject);
-        inScene.add(new T.GridHelper(10, 10));
+
+        //inScene.add(new T.GridHelper(10, 10));
         inScene.add(new T.AxesHelper( 5 ));
+
+        inScene.add( hitHelper );
+        inScene.add( surfaceCubeNormalHelper );
     },
     Update(inScene, inScreen, inDelta)
     {
@@ -52,11 +78,16 @@ Scene({
                     if(hits[i].distance < hit.distance)
                     {
                         hit = hits[i];
+                        
                     }
                 }
                 index = Region.I(Math.floor(hit.point.x), Math.floor(hit.point.y), Math.floor(hit.point.z));
                 voxels[index] = true;
                 rebuildSurface(voxels);
+                inScene.remove(surfaceCubeNormalHelper);
+                surfaceCubeNormalHelper = new VertexNormalsHelper( surfaceCubeObject, -0.2 );
+                inScene.add(surfaceCubeNormalHelper);
+                hitHelper.position.set(hit.point.x, hit.point.y, hit.point.z);
                 console.log(index, hit);
             }
         }