Записи

<table width="500" height="500" align="center" class="colorborder">
 <tr>
 <td width="500" height="500" class="colorborder"> <div id="v3D1stl_cont" style="width:500px;height:500px;margin:0 auto;"></div></td>
 </tr>
 <tr><td align="center">
 <input id="v3D1checkSym1" type="checkbox" />тороидA
</td></tr> 
<tr><td align="center">
 <input id="v3D1checkSym2" type="checkbox" checked="checked" />тороидB
</td></tr> 
 <tr><td align="center">
 <input id="v3D1checkSym3" type="checkbox" checked="checked"/>тороидC
</td></tr> 
</table>

 <script src="/public/htmlsputnik/stl_viewer.min.js"></script> 
 <script>
 var v3D1filetor3 = "/public/htmlsputnik/giroskop60.stl";
 var v3D1filetor2 = "/public/htmlsputnik/giroskop80.stl";
 var v3D1filetor1 = "/public/htmlsputnik/giroskop100.stl";
 var v3D1stl_viewer = new StlViewer
 (
 document.getElementById("v3D1stl_cont"),
 {
 models:
 [
 {id:0, filename: v3D1filetor1 },
 {id:1, filename: v3D1filetor2 },
 {id:2, filename: v3D1filetor3 }
 ]
 }
 );
 </script>

<script>
var v3D1timer = setInterval(v3D1fSortAnim, 20);
var v3D1tag = 0;
var v3D1tag3 = 0;
var v3D1tag2 = 0;
var v3D1tag1 = 0;
function v3D1fSortAnim() {
v3D1tag = v3D1tag + 0.5;
if (v3D1tag > 359) v3D1tag = 0;
//
 v3D1stl_viewer.set_color(0, "#008800");
 v3D1stl_viewer.set_color(1, "#FF8840");
 v3D1stl_viewer.set_color(2, "#0088AA");
//
if (document.getElementById('v3D1checkSym3').checked) 
 {
 v3D1stl_viewer.rotate(2, 0.0, 0.0, -v3D1tag3*3.141528/180.0);
 v3D1tag3 = v3D1tag;
 v3D1stl_viewer.rotate(2, 0.0, 0.0, v3D1tag*3.141528/180.0);
 }
if (document.getElementById('v3D1checkSym2').checked) 
 {
 v3D1stl_viewer.rotate(1, -v3D1tag2*3.141528/180.0, 0.0, 0.0);
 v3D1stl_viewer.rotate(2, -v3D1tag2*3.141528/180.0, 0.0, 0.0);
 v3D1tag2 = v3D1tag;
 v3D1stl_viewer.rotate(1, v3D1tag*3.141528/180.0, 0.0, 0.0);
 v3D1stl_viewer.rotate(2, v3D1tag*3.141528/180.0, 0.0, 0.0);
 } 
if (document.getElementById('v3D1checkSym1').checked) 
 {
 v3D1stl_viewer.rotate(0, 0.0, -v3D1tag1*3.141528/180.0, 0.0);
 v3D1stl_viewer.rotate(1, 0.0, -v3D1tag1*3.141528/180.0, 0.0);
 v3D1stl_viewer.rotate(2, 0.0, -v3D1tag1*3.141528/180.0, 0.0);
v3D1tag1 = v3D1tag;
 v3D1stl_viewer.rotate(0, 0.0, v3D1tag*3.141528/180.0, 0.0);
 v3D1stl_viewer.rotate(1, 0.0, v3D1tag*3.141528/180.0, 0.0);
 v3D1stl_viewer.rotate(2, 0.0, v3D1tag*3.141528/180.0, 0.0);
 }
}
</script>