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