JSFiddle - React, Tailwind, and code Playground

by Cody Bennett

JavaScript

import * as THREE from 'https://unpkg.com/three/build/three.module.js';
import { OrbitControls } from 'https://unpkg.com/[email protected]/examples/jsm/controls/OrbitControls.js';
import { OBJLoader } from 'https://unpkg.com/[email protected]/examples/jsm/loaders/OBJLoader.js';
import { MTLLoader } from 'https://unpkg.com/[email protected]/examples/jsm/loaders/MTLLoader.js';
import { DragControls } from 'https://unpkg.com/[email protected]/examples/jsm/controls/DragControls.js';
import 'https://unpkg.com/[email protected]/threex.domevents.js';

var test = false;
var wow = false;
var objWidth = 1;
var objLength = 1;
var god = false;
var fruitObject;
var shedObject;
var windowObject;
var objects = [];
var shedObjectVisible = false;
var fruitObjectVisible = false;
var dragobjects = [];
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(
  75,
  window.innerWidth / window.innerHeight,
  0.1,
  100
);
camera.position.z = 13;

var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth * 0.741, window.innerHeight * 0.65);
//TO MAKE BACKGROUND COLOR WHITE CHANGE BELOW
//renderer.setClearColor(0xffffff);
document.body.appendChild(renderer.domElement);

var controls = new OrbitControls(camera, renderer.domElement);
//controls.enableDamping = true;
//controls.dampingFactor = 0.25;
//controls.enableZoom = true;

var keyLight = new THREE.DirectionalLight(new THREE.Color('hsl(30, 100%, 75%)'), 1.0);
keyLight.position.set(-100, 0, 100);

var fillLight = new THREE.DirectionalLight(new THREE.Color('hsl(640, 100%, 75%)'), 0.75);
fillLight.position.set(100, 0, 100);

var backLight = new THREE.DirectionalLight(0xffffff, 1.0);
backLight.position.set(100, 0, -100).normalize();

//scene.add(keyLight);
//scene.add(fillLight);
//scene.add(backLight);
const color = 0xffffff;
const intensity = 2;
const light = new THREE.AmbientLight(color, intensity);
scene.add(light);

// Create a texture loader so we can load our image file
var loader = new...