Записи

<table width="500" height="500" align="center" class="colorborder">
 <tr>
 <td width="500" height="500" class="colorborder">
 <div id="v3D4stl_cont" style="width:500px;height:500px;margin:0 auto;"></div>
 </td>
 </tr>
 <tr><td align="center">
 <input id="v3D4checkA" type="checkbox" />вариант B
 </td></tr>
 </table>

 <script>
function load_progv3D4()
{
stl_viewerv3D4.set_scale(0, 0.5);
stl_viewerv3D4.set_scale(1, 1.0);
stl_viewerv3D4.set_scale(2, 0.5);
stl_viewerv3D4.set_scale(3, 1.0);
stl_viewerv3D4.set_color(0, "#FF8F00");
stl_viewerv3D4.set_color(1, "#FF8F00");
stl_viewerv3D4.set_color(2, "#00C617");
stl_viewerv3D4.set_color(3, "#00C617");
stl_viewerv3D4.set_position(0, -40.0, 40.0, 0.0);
stl_viewerv3D4.set_position(1, -40.0, 40.0, 0.0);
stl_viewerv3D4.set_position(2, 50.0, -50.0, -50.0);
stl_viewerv3D4.set_position(3, 50.0, -50.0, -50.0);
stl_viewerv3D4.set_opacity(0, 0.99);
stl_viewerv3D4.set_opacity(1, 0.01);
stl_viewerv3D4.set_opacity(2, 0.01);
stl_viewerv3D4.set_opacity(3, 0.99);
//
var v3D4timer = setInterval(fSortAnimv3D4, 50);
var v3D4timertag = 0.01;
var v3D4timerrotate = 1;
function fSortAnimv3D4() {
 stl_viewerv3D4.rotate(0, 0.0, 0.0, -0.25*3.141528/180.0);
 stl_viewerv3D4.rotate(1, 0.0, 0.0, -0.25*3.141528/180.0);
 stl_viewerv3D4.rotate(2, 0.0, 0.0, -0.25*3.141528/180.0);
 stl_viewerv3D4.rotate(3, 0.0, 0.0, -0.25*3.141528/180.0);
 //
 v3D4timertag = v3D4timertag + (v3D4timerrotate * 0.01);
 if (v3D4timertag > 0.99) { v3D4timerrotate = -1; }
 if (v3D4timertag < 0.01) { v3D4timerrotate = 1; }
 //
if (document.getElementById('v3D4checkA').checked === false) 
 {
 stl_viewerv3D4.set_opacity(0, 1 - v3D4timertag);
 stl_viewerv3D4.set_opacity(1, v3D4timertag);
 stl_viewerv3D4.set_opacity(2, v3D4timertag);
 stl_viewerv3D4.set_opacity(3, 1 - v3D4timertag);
 stl_viewerv3D4.set_position(0, -40.0, 40.0, v3D4timertag * 20.0);
 stl_viewerv3D4.set_position(1, -40.0, 40.0, (1-v3D4timertag) * 20.0);
 stl_viewerv3D4.set_position(2, 50.0, -50.0, -50.0 + v3D4timertag * 20.0);
 stl_viewerv3D4.set_position(3, 50.0, -50.0, -50.0 + (1-v3D4timertag) * 20.0);
 } else {
 stl_viewerv3D4.set_opacity(0, 1 - v3D4timertag);
 stl_viewerv3D4.set_opacity(1, v3D4timertag);
 stl_viewerv3D4.set_opacity(2, 1 - v3D4timertag);
 stl_viewerv3D4.set_opacity(3, v3D4timertag);
 stl_viewerv3D4.set_position(0, -40.0, 40.0, v3D4timertag * 20.0);
 stl_viewerv3D4.set_position(1, -40.0, 40.0, (1-v3D4timertag) * 20.0);
 stl_viewerv3D4.set_position(2, 50.0, -50.0, -50.0 + (1-v3D4timertag) * 20.0);
 stl_viewerv3D4.set_position(3, 50.0, -50.0, -50.0 + v3D4timertag * 20.0);
 }
}
} 
 </script>

 <script src="/public/htmlzvezda/stl_viewer.min.js"></script> 
 <script>
 var v3D4filezvezda = "/public/htmlzvezda/goldzvezda.stl";
 var v3D4fileplus = "/public/htmlzvezda/goldplus.stl";
 var stl_viewerv3D4=new StlViewer
 (
 document.getElementById("v3D4stl_cont"),
 {
 all_loaded_callback:load_progv3D4,
 models:
 [
 {id:0, filename: v3D4filezvezda },
 {id:1, filename: v3D4fileplus },
 {id:2, filename: v3D4filezvezda },
 {id:3, filename: v3D4fileplus }
 ]
 }
 );
 </script>