Better Cell formatting

mime9599 · mime9599 · commit 945426107d9d · 2022-07-17T17:55:10.000-06:00
diff --git a/src/components/Algorithms/Display.js b/src/components/Algorithms/Display.js
@@ -24,7 +24,7 @@ export default function Display() {
   const [selectedStartPoint, setSelectedStartPoint] = useState(null);
   // const board                                       = new Array(10000).fill(0).map(
   const board                                       = new Array(3844).fill(0).map(
-      (i, id, type: String = '_floor_', visited: Boolean = false) => ({id, type, visited}));
+      (i, id, type: String = '_floor_', visited: Boolean = false, x: Number, y: Number ) => ({id, type, visited}));
 
   const boardRef = useRef(); // Mutable(Persistant) board reference object.
 
diff --git a/src/components/Algorithms/Maze/Generation/BinaryTreeCreation.js b/src/components/Algorithms/Maze/Generation/BinaryTreeCreation.js
@@ -6,7 +6,7 @@ import {_FindCellVisitState, _FindCellTypeState, _FindCell} from './Tools';
 
 export function BinaryTreeCreation(board) {
   for (var i = 0; i < board.length; i++) {
-    let direction = Math.floor(Math.random() * 4);
+    let direction = Math.random() * 4;
     // console.log(board[i]);
 
     // console.log(direction);
diff --git a/src/components/BoardCanvas/Cells.js b/src/components/BoardCanvas/Cells.js
@@ -248,14 +248,6 @@ const Cells = ({board, layoutType, mazeType, selectedPoint, onSelectPoint /*,  u
                 args = {[colorArray, 3]}
             />
           </boxBufferGeometry>
-          {/* <meshStandardMaterial */}
-          {/*     attach = "material" */}
-          {/*     color = "black" */}
-          {/*     wireframe */}
-          {/*     wireframeLinewidth={5} */}
-          {/*     wireframeLineheight={5} */}
-          {/*     // wireframeLinedepth={1} */}
-          {/* /> */}
           <meshStandardMaterial
               attach = "material"
               vertexColors = {THREE.VertexColors}
diff --git a/src/components/BoardCanvas/layouts.js b/src/components/BoardCanvas/layouts.js
@@ -3,6 +3,7 @@ import {useEffect, useRef, useState} from 'react';
 import {useSpring}                   from 'react-spring/three';
 import {BinaryTreeCreation}          from '../Algorithms/Maze/Generation/BinaryTreeCreation';
 import board                         from './Board';
+import {directions}                  from '../Algorithms/Maze/Generation/Directions';
 
 
 
@@ -180,6 +181,10 @@ function BinaryTreeMaze(board) {
 
   for (let i = 0; i < numPoints; ++i) {
     const node = board[i];
+    let direction = Math.random() * 4;
+
+    let xcord  = board[i].x + directions[direction].x;
+    let ycord  = board[i].y + directions[direction].y;
     const col   = (i % numCols) - numCols / 2;
     const row   = Math.floor(i / numCols) - numCols / 2;
 
