JSFiddle - React, Tailwind, and code Playground

by DrCristianstein

HTML

<script src="https://werenverlivitz.github.io/werenverlivitz/perlin.js"></script>
<link rel="icon" type="image/png" href="http://i66.tinypic.com/102qp9g.jpg">
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.js"></script>
<script>
k=[]
onkeydown=onkeyup=(e)=>{k[e.keyCode]=e.type=="keydown"}
onload=()=>{
  d={}
  w=Math.floor(Math.random()*1000000)
  cube={}
  chunk={}
  xa=0
  ya=0
  document.body.requestPointerLock=document.body.requestPointerLock||document.body.mozRequestPointerLock
  box=new THREE.BoxGeometry(1,1,1)
  loader=new THREE.TextureLoader()
  box_texture=loader.load("images/box.jpg")
  brick_texture=loader.load("images/brick.jpg")
  stone_texture=loader.load("images/stone.jpg")
  leaves_texture=loader.load("images/leaves.jpg")
  dirt_texture=loader.load("images/dirt.jpg")
  trunk_side_texture=loader.load("images/trunk.jpg")
  trunk_up_texture=loader.load("images/trunk_up.jpg")
  grass_texture=loader.load("images/grass.jpg")
  limestone_texture=loader.load("images/limestone.jpg")
  granite_texture=loader.load("images/granite.png")
  magma_texture=loader.load("images/magma.jpg")
  mossy_rock_texture=loader.load("images/mossy_rock_texture.jpg")
  box_material=new THREE.MeshPhysicalMaterial({map:box_texture})
  bricks_material=new THREE.MeshPhysicalMaterial({map:brick_texture})
  stone_material=new THREE.MeshPhysicalMaterial({map:stone_texture})
  leaves_material=new THREE.MeshPhysicalMaterial({map:leaves_texture})
  dirt_material=new THREE.MeshPhysicalMaterial({map:dirt_texture})
  trunk_side_material=new THREE.MeshPhysicalMaterial({map:trunk_side_texture})
  trunk_up_material=new THREE.MeshPhysicalMaterial({map:trunk_up_texture})
  grass_material=new THREE.MeshPhysicalMaterial({map:grass_texture})
  limestone_material=new THREE.MeshPhysicalMaterial({map:limestone_texture})
  granite_material=new THREE.MeshPhysicalMaterial({map:granite_texture})
  magma_material=new THREE.MeshPhysicalMaterial({map:magma_texture})
 ...