ef, useEffect } from "preact/hooks"

      import { T } from "@three-elements/preact"

      const make = (count, fun) => {
        const result = []
        for (let i = 0; i < count; i++) result.push(fun(i))
        return result
      }

      const Lights = () => [
        T.AmbientLight({ intensity: 0.2 }),
        T.DirectionalLight({
          position: [10, 20, 30],
          intensity: 1.2
        })
      ]

      const Fog = () => T.Fog({ color: "#222", near: 16, far: 40 })

      const Cube = (p