CGhw2p helper

dancing arm

by Millieyan

HTML

<div id="info">Homework3

</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/84/three.min.js"></script>
<script src="https://threejs.org/examples/js/controls/OrbitControls.js"></script>
<script src="https://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
}

body {
  overflow: hidden;
}

JavaScript

<!doctype html>
<html>
	<head>
	<style>
	#title {
    position: absolute;
    top: 0px;
    width: 100%;
    padding: 10px;
    text-align: center;
    color: #ffff00
}

body {
    overflow: hidden
}
	</style>
	</head>
	<body>
<div id="info">Homework3<br>
<button id="play" style="width:20%">Play</button>
</div>
<audio id="soundtrack" autoplay loop style="display:none">
<source src="music/dance.mp3" type='audio/mp3'>
</audio>

<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/84/three.min.js"></script>
<script src="https://threejs.org/examples/js/controls/OrbitControls.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.5/dat.gui.min.js"></script>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>




	<script>
var camera, scene, renderer, tarso, soundTrack;
var clock = new THREE.Clock();
var isPaused = false;
var gcontrols = {
  LinkR1z: -1.5, // s for shoulder
  LinkR1y: 0.02,
  LinkR2z: 0.01,
  LinkR2y: 0.03, // e for elbow
  LinkL1z: -1.5, // s for shoulder
  LinkL1y: 0.02,
  LinkL2z: 0.01,
  LinkL2y: 0.03,
  LinkRf1z: -1.5, // s for shoulder
  LinkRf1y: 0.02,
  LinkRf2z: 0.01,
  LinkRf2y: 0.03, // e for elbow
  LinkLf1z: -1.5, // s for shoulder
  LinkLf1y: 0.02,
  LinkLf2z: 0.01,
  LinkLf2y: 0.03,
  // torsemove:0.03
};
var period = 2; // 3 seconds
var pose1 = {
  LinkR1z: -2.1594669002085403,
  LinkR1y: 0.02,
  LinkR2z: 0.01,
  LinkR2y: 0.03,
  LinkL1z: -2.020729153569679,
  LinkL1y: 0.02,
  LinkL2z: 0.01,
  LinkL2y: 0.03,
  LinkRf1z: -1.1883026737365112,
  LinkRf1y: 0.02,
  LinkRf2z: 0,
  LinkRf2y: 0.03,
  LinkLf1z: -1.1189338004170803,
  LinkLf1y: 0.02,
  LinkLf2z: 0.01,
  LinkLf2y: 0.03
}
var pose2 = {
  LinkR1z: -1.084249363757365,
  LinkR1y: 0.02,
  LinkR2z: 0,
  LinkR2y: 0.03,
  LinkL1z: -1.04956492709765,
  LinkL1y: 0.02,
  LinkL2z: 0,
  LinkL2y: 0.03,
  LinkRf1z: -1.9166758435905331,
  LinkRf1y: 0.02,
  LinkRf2z: 0,
  LinkRf2y: 0.03,
  LinkLf1z: -1.9513602802502483,
  LinkLf1y: 0.02,
  LinkLf2z: 0,
...