OrbitControls & Resize

buttons

by yi hom

HTML

<div id="info"> Hw2
  <br/>
</div>
<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://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.5.1/dat.gui.min.js"></script>

CSS

#info {
  position: absolute;
  top: 2%;
  width: 100%;
  padding: 10px;
  text-align: center;
  color: #ffff00
}

body {
  overflow: hidden;
}

JavaScript

var scene, renderer, camera;
var controls;
var mesh, angle = 0,
  turn = false;
  
var head,headgoemetry,headmatrial;
var lhand,lhandgeometry,lhandmatrial;
var rhand,rhandgeometry,rhandmatrial;
var body,bodygeometry,bodymatrial;
var lleg,lleggeometry,llegmatrial;
var rleg,rleggeometry,rlegmatrial;
var bd,bd1,bd2,bd3;

var headtext = [];
var head_front,head_back,head_left,head_right,head_up,others;
var bodytext = [];

var gcontrols;

init();
animate();

function texture(){ 
	THREE.ImageUtils.crossOrigin = '';
  head_front = THREE.ImageUtils.loadTexture( "http://i.imgur.com/YFIM7sI.png" );  
	head_back = THREE.ImageUtils.loadTexture( "http://i.imgur.com/yzzYoCn.png" );
  head_left = THREE.ImageUtils.loadTexture( "http://i.imgur.com/BnKgePF.png?1" );
  head_right = THREE.ImageUtils.loadTexture( "http://i.imgur.com/Ecu9V7i.png" );
  head_up = THREE.ImageUtils.loadTexture( "http://i.imgur.com/ArCZjkX.png?1" );
  others = THREE.ImageUtils.loadTexture( "http://i.imgur.com/07SnvB3.png" );
  
  headtext.push(new THREE.MeshBasicMaterial( {map: head_right} ));
  headtext.push(new THREE.MeshBasicMaterial( {map: head_left} ));
  headtext.push(new THREE.MeshBasicMaterial( {map: head_up} ));
  headtext.push(new THREE.MeshBasicMaterial( {map: others} ));
  headtext.push(new THREE.MeshBasicMaterial( {map: head_front} ));
  headtext.push(new THREE.MeshBasicMaterial( {map: head_back} ));  
  
	THREE.ImageUtils.crossOrigin = '';
  body_front = THREE.ImageUtils.loadTexture( "http://i.imgur.com/e6bkftf.png" );  
	body_back = THREE.ImageUtils.loadTexture( "http://i.imgur.com/WhlxVEZ.png" );
  body_side = THREE.ImageUtils.loadTexture( "http://i.imgur.com/tOA63tK.png" );
  
  bodytext.push(new THREE.MeshBasicMaterial( {map: body_side} ));
  bodytext.push(new THREE.MeshBasicMaterial( {map: body_side} ));
  bodytext.push(new THREE.MeshBasicMaterial( {map: others} ));
  bodytext.push(new THREE.MeshBasicMaterial( {map: others} ));
  bodytext.push(new THREE.MeshBasicMaterial( {map:...