HW2P

by yi hom

HTML

<div id="info"> Hw2p
  <br/>
  <button id="toggle" style="width:20%">camera</button>
</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://code.jquery.com/jquery-2.1.4.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,camera2,camera2s;
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;

var clock = new THREE.Clock();
var LeftHandX = 0.6,RightHandX = -0.6,LeftLegX = -0.2,RightLegX = 0.2,HeadX = 0.1;
var pose = 0;
var amazon = new THREE.Object3D();
var wamazon = new THREE.Object3D();
var angle = 0;
var change = 1;
var cpos,cposgeo,cposmat;
init();
animate();

$("#toggle").click(function() {
  change *= -1;
});

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"...