JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdn.rawgit.com/mrdoob/three.js/master/build/three.min.js"></script>
<script src="//cdn.rawgit.com/mrdoob/three.js/master/examples/js/controls/OrbitControls.js"></script>
<script src="//cdn.rawgit.com/mrdoob/three.js/master/examples/js/libs/dat.gui.min.js"></script>

JavaScript

var camera, scene, renderer;
var geometry, objects;
var mesh;

var yawnFactor = 0;

init();
animate();

function init() {

  camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 1, 15000 );
  camera.position.z = 500;

  scene = new THREE.Scene();
  scene.background = new THREE.Color( 0x222222 );
  scene.fog = new THREE.Fog( 0x000000, 1, 15000 );

  var light = new THREE.PointLight( 0xff2200 );
  light.position.set( 100, 100, 100 );
  scene.add( light );

	var light = new THREE.AmbientLight( 0x111111 );
  scene.add( light );

	var geometry = new THREE.BoxGeometry( 100, 100, 100 );
	var material = new THREE.MeshLambertMaterial( { color: 0xffffff, morphTargets: true } );

	// construct 8 blend shapes
  
  for ( var i = 0; i < 8; i ++ ) {
  
  	var vertices = [];

		for ( var v = 0; v < geometry.vertices.length; v ++ ) {
		 
     vertices.push( geometry.vertices[ v ].clone() );
     
     if ( v === i ) {
     
     	vertices[ vertices.length - 1 ].x *= 2;
			vertices[ vertices.length - 1 ].y *= 2;
			vertices[ vertices.length - 1 ].z *= 2;

			}

		}

		geometry.morphTargets.push( { name: "target" + i, vertices: vertices } );

	}

	mesh = new THREE.Mesh( geometry, material );

	scene.add( mesh );

	//

	var params = {
		influence1: 0,
    yawnFactor: 0
   };
   
   // some dummy values
   
   setInterval( function() {
   
   	if ( yawnFactor >= 1 ) {
    
    	yawnFactor = 0;
      
    } else {
    
    	yawnFactor += 0.01;
   
    }
   
    params.yawnFactor = yawnFactor;
   
   }, 10 );

	var gui = new dat.GUI();

	var folder = gui.addFolder( 'Morph Targets' );
  folder.add( params, 'influence1', 0, 1 ).step( 0.01 ).listen().onChange( function( value ) { mesh.morphTargetInfluences[ 0 ] = value; } );
  folder.add( params, 'yawnFactor', 0, 1 ).step( 0.01 ).listen().onChange( function( value ) { yawnFactor = value; } );		
  folder.open();
			
	var update = function() {
  	requestAnimationFrame(update);			
    var time = Date.now() *...