SHADOW TEST 1

by michaelnicol

HTML

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script type="importmap">
      {
          "imports": {
            "three": "https://unpkg.com/[email protected]/build/three.module.js"
          }
        }
      </script>

    <script type="module">
        // If all fails go to 113
        import { OrbitControls } from "https://unpkg.com/[email protected]/examples/jsm/controls/OrbitControls.js"

        import * as three from "https://unpkg.com/[email protected]/build/three.module.js"
        export default class Maze3D {
            constructor() {
                this.width = 10
                this.height = 10
                this.depth = 10
                // This data below would normally be generated by the program. For testing purpsoes, this data has been extracted and put here.
                this.barrierMaze = [[["X", "X", "X", " ", "X", "X", "X", " ", "X", " "], [" ", "X", " ", " ", "X", " ", "X", " ", "X", "X"], ["X", "X", "X", " ", "X", " ", "X", " ", "X", " "], [" ", " ", " ", " ", " ", "X", " ", " ", "X", "X"], [" ", " ", " ", " ", " ", " ", "X", " ", "X", "X"], [" ", " ", " ", " ", " ", " ", "X", " ", " ", "X"], [" ", " ", " ", " ", "X", " ", "X", "X", "X", " "], [" ", " ", " ", " ", "X", "X", "X", " ", "X", " "], [" ", " ", "X", "X", "X", " ", "X", "X", "X", " "], [" ", "X", "X", " ", " ", " ", " ", "X", " ", " "]], [[" ", "X", "X", " ", " ", " ", " ", " ", " ", " "], [" ", " ", "X", " ", " ", " ", " ", " ", "X", "X"], [" ", "X", "X", " ", " ", " ", "X", " ", " ", " "], [" ", " ", "X", " ", " ", "X", " ", "X", " ", " "], [" ", " ", " ", " ", " ", " ", " ", "X", "X", " "], [" ", " ", " ", " ", "X", "X", " ", " ", "X", " "], [" ", " ", " ", " ", " ", "X", "X", " ", "X", " "], [" ", " ", "X", " ", " ", " ", "X", "X", " ", " "], [" ", " ", " ", " ", "X", " ",...