hw2p tryout

circulating danbo

by jmchen

HTML

<div id="info">Danbo model
  <br/>
  <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://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;
var controls;
var boardMaterial;
var leftArm, rightArm, leftLeg, rightLeg, danbo;
var angle = 0;
var orbitAngle = 0;
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, 1000);
  camera.position.z = 120;
  controls = new THREE.OrbitControls(camera, renderer.domElement);

  var gridXZ = new THREE.GridHelper(20,2);
  gridXZ.setColors(new THREE.Color(0xff0000), new THREE.Color(0xffffff));
  scene.add(gridXZ);
  
  var light = new THREE.PointLight(0xffffff, 1);
  light.position.set(40, 50, 30);
  scene.add(light);

	var light = new THREE.PointLight(0xffffff, 1);
  light.position.set(-30, 0, -30);
  scene.add(light);
  
  window.addEventListener('resize', onWindowResize, false);
  /////////////////////////////////////////////////////////////
	var headPart = makeHead ();  
  //scene.add (headPart);
  var torsoPart = makeTorso();
  leftArm = makeLeftArm();
	leftLeg = makeLeftLeg();
  scene.add (leftArm);
 
	//ene.add (torsoPart);
	torsoPart.add (headPart);
  headPart.position.y = 3.9;

	torsoPart.add (leftArm); 
	leftArm.position.set (3.2/2+1.1/2, 3.9-1.1/2,0);
  rightArm = leftArm.clone();
  torsoPart.add (rightArm);
	rightArm.position.set (-3.2/2-1.1/2, 3.9-1.1/2,0);

	torsoPart.add (leftLeg);
  leftLeg.position.set (1.3/2 + 0.2, 0,0);
  rightLeg = leftLeg.clone();
  torsoPart.add (rightLeg);
	rightLeg.position.set (-1.3/2 - 0.2, 0,0);
  
  
  headPart.rotation.x = 0;//Math.PI/12;
  leftArm.rotation.z = Math.PI/8;
  leftArm.rotation.x = Math.PI/6;
  leftLeg.rotation.x = -Math.PI/8;
  rightArm.rotation.z = -Math.PI/8;
  rightArm.rotation.x = -Math.PI/6;
  rightLeg.rotation.x = Math.PI/8;
  
 	danbo = new THREE.Object3D();
  danbo.add (torsoPart);
 ...