JSFiddle - React, Tailwind, and code Playground

by Gwyn Milcote

HTML

billboard forest.
<script src="https://threejs.org/build/three.min.js"></script>
<script src="https://threejs.org/examples/js/controls/OrbitControls.js"></script>
<script src="https://mevedia.com/share/InfiniteGridHelper.js?c"></script>

CSS

body {
  overflow:hidden;
  margin: 0;
}

JavaScript

var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(60, innerWidth / innerHeight, 1, 1000);
camera.position.set(0, 3, 5);
var renderer = new THREE.WebGLRenderer({antialias: true});
renderer.setSize(innerWidth, innerHeight);
document.body.appendChild(renderer.domElement);

var controls = new THREE.OrbitControls(camera, renderer.domElement);

var grid = new THREE.InfiniteGridHelper(1, 10);
grid.material.uniforms.uDistance.value = 300;
console.log(grid);
scene.add(grid);

var tex = new...