hw2p

跳舞阿愣

by chaiche

HTML

<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/dat.gui.min.js"></script>

CSS

.folder .dg ul {
  margin-top: 0 !important;
}

JavaScript

var scene, renderer, camera;
var controls;

var point,pointangle=0;;
var angle=0,up=true;

var meterial_colorwithbor; // 阿愣顏色

var torso_tohead;// 頭的關節  上下左右皆可
var torso_toleftfoot; //左腳
var torso_torightfoot;//右腳
var torso_torighthandler,righthandler_torighthand;
	//肩膀關節     手臂關節
var torso_tolefthandler,lefthandler_tolefthand;
	//肩膀關節     手臂關節
var clock = new THREE.Clock();
var period = 3; // 3 seconds
var pose1 = {
  torso_tohead: 0,
  torso_toleftfoot: 0,
	torso_torightfoot: 0,
	torso_torighthandler:0,
  righthandler_torighthand: 0,
	torso_tolefthandler: 0,
  lefthandler_tolefthand: 0
};

var pose2 = {
  torso_tohead: -0.2,
  torso_toleftfoot: 0.67,
	torso_torightfoot: 0.67,
	torso_torighthandler: 1.5,
  righthandler_torighthand: 0,
	torso_tolefthandler: 1.5,
  lefthandler_tolefthand: -0
};
var keys = [{s: 0,pose: pose1}, {s: 0.5, pose: pose2}, {s: 1,pose: pose1}];

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, 10000);
  camera.position.set(-100,150,200);
  controls = new THREE.OrbitControls(camera, renderer.domElement);

	camera3rd = new THREE.PerspectiveCamera(50, window.innerWidth / 	window.innerHeight, 1, 10000);
  scene.add(camera3rd);
	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);
  
	var gridXZ = new THREE.GridHelper(100, 10);
  gridXZ.setColors(new THREE.Color(0xff0000), new THREE.Color(0xffffff));
  scene.add(gridXZ);
  
  THREE.ImageUtils.crossOrigin = '';
  meterial_colorwithbor = new THREE.MeshLambertMaterial({side:THREE.DoubleSide,map: THREE.ImageUtils.loadTexture('https://i.imgur.com/AoxKZNB.png')});
  
  
  
...