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

var camera, scene, renderer, tarso;
var clock = new THREE.Clock();
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,
  LinkLf2y: 0.03
}
var pose3 = {
  LinkR1z: -2.3675735201668324,
  LinkR1y: 0.02,
  LinkR2z: 0,
  LinkR2y: 0.03,
  LinkL1z: -0.668036123840781,
  LinkL1y: 0.02,
  LinkL2z: 0,
  LinkL2y: 0.03,
  LinkRf1z: -1.9166758435905331,
  LinkRf1y: 0.02,
  LinkRf2z: 0,
  LinkRf2y: -0.2865073205839126,
  LinkLf1z: -1.084249363757365,
  LinkLf1y: 0.02,
  LinkLf2z: 0,
  LinkLf2y: 0.03
}
var pose4 = {
  LinkR1z: -3.2,
  LinkR1y: 0.02,
  LinkR2z: 0,
  LinkR2y: 0.03,
  LinkL1z: 0,
  LinkL1y: 0.02,
  LinkL2z: 0,
  LinkL2y: 0.03,
  LinkRf1z: -0.8414583071393582,
  LinkRf1y: 0.02,
  LinkRf2z: 0,
  LinkRf2y: -0.2865073205839126,
  LinkLf1z: -2.228835773527971,
  LinkLf1y: 0.02,
  LinkLf2z: 0,
  LinkLf2y: 0.03
}
var pose5 = {
  LinkR1z: -0.5639828138616352,
        LinkR1y: -3.2,
        LinkR2z:...