CGhw2 helper 0

Opening box

by Alvin Chen

HTML

<div id="info">Homework 2 Helper
  <br>
  <br> Opening Box
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r74/three.min.js"></script>
<script src="https://dl.dropboxusercontent.com/u/3587259/Code/Threejs/OrbitControls.js">


</script>
<script src="//cdnjs.cloudflare.com/ajax/libs/dat-gui/0.5/dat.gui.min.js"></script>

CSS

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

#gui {
  position: absolute;
  top: 50px;
  right: 10px;
  height: 500px;
  //text-align: center;
}

body {
  overflow: hidden;
}

JavaScript

var camera, scene, renderer;
var controls; 
var point, frame;
var angle = 0;
var bodyHead;// 頭的關節  上下左右皆可
var bodyToLeftLeg; //左腳
var bodyTorightLeg;//右腳
var bodyToRightArm;
var rightArmToRightHand;
	//肩膀關節     手臂關節
var bodyToLeftHandler;
var leftArmToLefthand;
	//肩膀關節     手臂關節
var bodyToLidF,bodyToLidB,bodyToLidR,bodyToLidL;
var ;
init();
animate();

function init() {
  scene = new THREE.Scene();

  camera = new THREE.PerspectiveCamera(50, window.innerWidth / window.innerHeight, 1, 1000);
  camera.position.set(0,150,200);
  scene.add(camera);

  var gridXZ = new THREE.GridHelper(50, 10);
  gridXZ.setColors(new THREE.Color(0xff00ff), new THREE.Color(0xffffff));
  scene.add(gridXZ);

  renderer = new THREE.WebGLRenderer();
  renderer.setSize(window.innerWidth, window.innerHeight);
  renderer.setClearColor(0x888888);

  controls = new THREE.OrbitControls(camera, renderer.domElement);
  var light = new THREE.PointLight(0xffffff, 1);
  light.position.set(150, 150, 150);
  scene.add(light);
  var amblight = new THREE.AmbientLight(0x404040); // soft white light
  scene.add(amblight);
  document.body.appendChild(renderer.domElement);
  window.addEventListener('resize', onWindowResize, false);
  ///////////////////////////////////////////////////////////////
  all = new THREE.Object3D();
  
  var body = Body();
  body.position.set(-50,26,0);
  point.add(body);
  scene.add(point);
  
  var head = Head();
  bodyHead = new THREE.Object3D();
  bodyHead.position.set(0, 15, 0);
  body.add(bodyHead);
  bodyHead.add(head);
  
  var leftLeg = Leg();
  bodyToLeftLeg = new THREE.Object3D();
  bodyToLeftLeg.position.set(-3, -14, 0);
  leftLeg.position.set(0,-5,0);
  bodyToLeftLeg.add(leftLeg);
  body.add(bodyToLeftLeg);
  
  var rightLeg = Leg();
  bodyTorightLeg = new THREE.Object3D();
  bodyTorightLeg.position.set(3, -14, 0);
  rightLeg.position.set(0,-5,0);
  bodyTorightLeg.add(rightLeg);
  body.add(bodyTorightLeg);
  
  var lidFor= LidFB();
  bodyToLidF = new THREE.Object3D();
 ...