JSFiddle - React, Tailwind, and code Playground
by pkin159
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r70/three.min.js"></script>
<script src="https://dl.dropboxusercontent.com/u/3587259/Code/Threejs/OrbitControls.js"></script>
<script src="https://pkin159.github.io/project/js/dat.gui.min.js"></script>
<script src="https://pkin159.github.io/project/js/jquery-2.1.4.min.js"></script>
CSS
body {
overflow: hidden;
}
JavaScript
var scene, renderer, camera;
var controls;
var amazon = new THREE.Object3D();
var gcontrols;
init();
animate();
function init() {
scene = new THREE.Scene();
renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
renderer.setClearColor(0x888888);
document.body.appendChild(renderer.domElement);
camera = new THREE.PerspectiveCamera(50, window.innerWidth / window.innerHeight, 1, 10000);
camera.position.set(0, 500, 500);
controls = new THREE.OrbitControls(camera, renderer.domElement);
THREE.ImageUtils.crossOrigin = '';
var HeadTexture = [];
HeadTexture.push(new THREE.MeshBasicMaterial({map: THREE.ImageUtils.loadTexture('https://i.imgur.com/HMdvION.jpg'), side: THREE.DoubleSide}));
HeadTexture.push(new THREE.MeshBasicMaterial({map: THREE.ImageUtils.loadTexture('https://i.imgur.com/GWWtdkp.jpg'), side: THREE.DoubleSide}));
HeadTexture.push(new THREE.MeshBasicMaterial({map: THREE.ImageUtils.loadTexture('https://i.imgur.com/71E2cfp.jpg'), side: THREE.DoubleSide}));
HeadTexture.push(new THREE.MeshBasicMaterial({visible:false}));
HeadTexture.push(new THREE.MeshBasicMaterial({map: THREE.ImageUtils.loadTexture('https://i.imgur.com/l7ydWey.jpg'), side: THREE.DoubleSide}));
HeadTexture.push(new THREE.MeshBasicMaterial({map: THREE.ImageUtils.loadTexture('https://i.imgur.com/NYFnaGT.jpg'), side: THREE.DoubleSide}));
var BodyTexture = [];
BodyTexture.push(new THREE.MeshBasicMaterial({map: THREE.ImageUtils.loadTexture('https://i.imgur.com/eADyGod.png'), side: THREE.DoubleSide}));
BodyTexture.push(new THREE.MeshBasicMaterial({map: THREE.ImageUtils.loadTexture('https://i.imgur.com/eADyGod.png'), side: THREE.DoubleSide}));
BodyTexture.push(new THREE.MeshBasicMaterial({map: THREE.ImageUtils.loadTexture('https://i.imgur.com/ITfNHc8.png'), side: THREE.DoubleSide}));
BodyTexture.push(new THREE.MeshBasicMaterial({visible:false}));
BodyTexture.push(new THREE.MeshBasicMaterial({map:...