Записи

<table width="500" height="500" align="center" class="colorborder">
 <tr>
 <td width="500" height="500" class="colorborder"> <div id="v3D6stl_cont" style="width:500px;height:500px;margin:0 auto;"></div></td>
 </tr>
 <tr><td align="center">
 высота: <input type="range" id="v3D6radius" max="70" min="20" value="30"
 oninput="{document.getElementById('v3D6spanradius').innerHTML = document.getElementById('v3D6radius').value; v3D6TrackBar1Position = document.getElementById('v3D6radius').value;}" />
 <span id="v3D6spanradius">30</span>
</td></tr> 
<tr><td align="center">
 ширина: <input type="range" id="v3D6size" max="70" min="20" value="30"
 oninput="{document.getElementById('v3D6spansize').innerHTML = document.getElementById('v3D6size').value; v3D6TrackBar2Position = document.getElementById('v3D6size').value;}" />
 <span id="v3D6spansize">30</span>
</td></tr> 
 <tr><td align="center">
 осьZ: <input type="range" id="v3D6count" max="180" min="0" value="0"
 oninput="{document.getElementById('v3D6spancount').innerHTML = document.getElementById('v3D6count').value; v3D6TrackBar3Position = document.getElementById('v3D6count').value;}" />
 <span id="v3D6spancount">0</span>
</td></tr> 
 <tr><td align="center">
 осьY: <input type="range" id="v3D6noise" max="180" min="0" value="0"
 oninput="{document.getElementById('v3D6spannoise').innerHTML = document.getElementById('v3D6noise').value; v3D6TrackBar4Position = document.getElementById('v3D6noise').value;}" />
 <span id="v3D6spannoise">0</span>
</td></tr> 
 <tr><td align="center">
 осьX: <input type="range" id="v3D6speed" max="180" min="0" value="0"
 oninput="{document.getElementById('v3D6spanspeed').innerHTML = document.getElementById('v3D6speed').value; v3D6TrackBar5Position = document.getElementById('v3D6speed').value;}" />
 <span id="v3D6spanspeed">0</span>
</td></tr> 
</table>

 <script src="/public/htmlsputnik/stl_viewer.min.js"></script> 
 <script>
 var v3D6fileshar = "/public/htmlsputnik/shar.stl";
 var v3D6fileminishar = "/public/htmlsputnik/minishar.stl";
 var v3D6stl_viewer=new StlViewer
 (
 document.getElementById("v3D6stl_cont"),
 {
 models:
 [
 {id:0, filename: v3D6fileshar },
 {id:1, filename: v3D6fileminishar },
 {id:2, filename: v3D6fileminishar },
 {id:3, filename: v3D6fileminishar },
 {id:4, filename: v3D6fileminishar },
 {id:5, filename: v3D6fileminishar },
 {id:6, filename: v3D6fileminishar },
 {id:7, filename: v3D6fileminishar },
 {id:8, filename: v3D6fileminishar },
 {id:9, filename: v3D6fileminishar },
 {id:10, filename: v3D6fileminishar },
 {id:11, filename: v3D6fileminishar },
 {id:12, filename: v3D6fileminishar },
 {id:13, filename: v3D6fileminishar },
 {id:14, filename: v3D6fileminishar },
 {id:15, filename: v3D6fileminishar },
 {id:16, filename: v3D6fileminishar },
 {id:17, filename: v3D6fileminishar },
 {id:18, filename: v3D6fileminishar },
 {id:19, filename: v3D6fileminishar },
 {id:20, filename: v3D6fileminishar }
 ]
 }
 );
 </script>

<script>
var v3D6timer = setInterval(v3D6fSortAnim, 30);
var v3D6Timer1Tag = 0;
var v3D6TrackBar1Position = 30;
var v3D6TrackBar2Position = 30;
var v3D6TrackBar3Position = 0;
var v3D6TrackBar4Position = 0;
var v3D6TrackBar5Position = 0;
var v3D6v3D6sputnikXn = [0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0];
var v3D6v3D6sputnikYn = [0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0];
var v3D6v3D6sputnikZn = [0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0];
var v3D6sputnikFlag = 1;
function v3D6fSortAnim() {
 v3D6stl_viewer.set_scale(0, 0.4);
 v3D6stl_viewer.set_color(0, "#0088AA");
 v3D6stl_viewer.set_scale(1, 0.3);
 v3D6stl_viewer.set_color(1, "#FF2040");
 v3D6stl_viewer.set_scale(2, 0.2);
 v3D6stl_viewer.set_color(2, "#FF8840");
 v3D6stl_viewer.set_scale(3, 0.2);
 v3D6stl_viewer.set_color(3, "#FF8840");
 v3D6stl_viewer.set_scale(4, 0.2);
 v3D6stl_viewer.set_color(4, "#FF8840");
 v3D6stl_viewer.set_scale(5, 0.2);
 v3D6stl_viewer.set_color(5, "#FF8840");
 v3D6stl_viewer.set_scale(6, 0.2);
 v3D6stl_viewer.set_color(6, "#FF8840");
 v3D6stl_viewer.set_scale(7, 0.2);
 v3D6stl_viewer.set_color(7, "#FF8840");
 v3D6stl_viewer.set_scale(8, 0.2);
 v3D6stl_viewer.set_color(8, "#FF8840");
 v3D6stl_viewer.set_scale(9, 0.2);
 v3D6stl_viewer.set_color(9, "#FF8840");
 v3D6stl_viewer.set_scale(10, 0.2);
 v3D6stl_viewer.set_color(10, "#FF8840");
 v3D6stl_viewer.set_scale(11, 0.2);
 v3D6stl_viewer.set_color(11, "#FF8840");
 v3D6stl_viewer.set_scale(12, 0.2);
 v3D6stl_viewer.set_color(12, "#FF8840");
 v3D6stl_viewer.set_scale(13, 0.2);
 v3D6stl_viewer.set_color(13, "#FF8840");
 v3D6stl_viewer.set_scale(14, 0.2);
 v3D6stl_viewer.set_color(14, "#FF8840");
 v3D6stl_viewer.set_scale(15, 0.2);
 v3D6stl_viewer.set_color(15, "#FF8840");
 v3D6stl_viewer.set_scale(16, 0.2);
 v3D6stl_viewer.set_color(16, "#FF8840");
 v3D6stl_viewer.set_scale(17, 0.2);
 v3D6stl_viewer.set_color(17, "#FF8840");
 v3D6stl_viewer.set_scale(18, 0.2);
 v3D6stl_viewer.set_color(18, "#FF8840");
 v3D6stl_viewer.set_scale(19, 0.2);
 v3D6stl_viewer.set_color(19, "#FF8840");
 v3D6stl_viewer.set_scale(20, 0.2);
 v3D6stl_viewer.set_color(20, "#FF8840");
//
v3D6Timer1Tag = v3D6Timer1Tag + 2;
if (v3D6Timer1Tag > v3D6TrackBar1Position) {
 v3D6sputnikFlag = -1 * v3D6sputnikFlag;
 v3D6Timer1Tag = -v3D6TrackBar1Position;
}
//
 var v3D6X1 = v3D6sputnikFlag * v3D6Timer1Tag;
 var v3D6Y1 = v3D6sputnikFlag * Math.sqrt(v3D6TrackBar2Position*v3D6TrackBar2Position*(1 - (v3D6X1*v3D6X1)/(v3D6TrackBar1Position*v3D6TrackBar1Position)));
 var v3D6Z1 = 0.0;
//
 var v3D6cA = Math.cos(v3D6TrackBar3Position*3.141528/180.0);
 var v3D6sA = Math.sin(v3D6TrackBar3Position*3.141528/180.0);
 var v3D6X2 = v3D6cA*v3D6X1 + v3D6sA*v3D6Z1;
 var v3D6Y2 = v3D6Y1;
 var v3D6Z2 = -v3D6sA*v3D6X1 + v3D6cA*v3D6Z1;
//
 v3D6cA = Math.cos(v3D6TrackBar4Position*3.141528/180.0);
 v3D6sA = Math.sin(v3D6TrackBar4Position*3.141528/180.0);
 var v3D6X3 = v3D6cA*v3D6X2 + v3D6sA*v3D6Y2;
 var v3D6Y3 = -v3D6sA*v3D6X2 + v3D6cA*v3D6Y2;
 var v3D6Z3 = v3D6Z2;
//
 v3D6cA = Math.cos(v3D6TrackBar5Position*3.141528/180.0);
 v3D6sA = Math.sin(v3D6TrackBar5Position*3.141528/180.0);
 var v3D6sputnikX = v3D6X3;
 var v3D6sputnikY = v3D6cA*v3D6Y3 + v3D6sA*v3D6Z3;
 var v3D6sputnikZ = -v3D6sA*v3D6Y3 + v3D6cA*v3D6Z3;
//
for ( var i = 1; i < 20; i++)
 {
 v3D6v3D6sputnikXn[21-i] = v3D6v3D6sputnikXn[20-i];
 v3D6v3D6sputnikYn[21-i] = v3D6v3D6sputnikYn[20-i];
 v3D6v3D6sputnikZn[21-i] = v3D6v3D6sputnikZn[20-i];
 v3D6stl_viewer.set_position(21-i, v3D6v3D6sputnikXn[21-i], v3D6v3D6sputnikYn[21-i], v3D6v3D6sputnikZn[21-i]);
 }
v3D6v3D6sputnikXn[1] = v3D6sputnikX;
v3D6v3D6sputnikYn[1] = v3D6sputnikY;
v3D6v3D6sputnikZn[1] = v3D6sputnikZ;
v3D6stl_viewer.set_position(1, v3D6sputnikX, v3D6sputnikY, v3D6sputnikZ);
}
</script>