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:...