Записи

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

 <script>
 function v3D2load_prog()
 {
for ( var i = 0; i < 96; i++) { v3D2stl_viewer.set_scale(i, 0.4); }
for ( var i = 0; i < 40; i++) { v3D2stl_viewer.set_color(i, "#008800"); }
for ( var i = 40; i < 72; i++) { v3D2stl_viewer.set_color(i, "#FF8840"); }
for ( var i = 72; i < 96; i++) { v3D2stl_viewer.set_color(i, "#0088AA"); }
v3D2stl_viewer.set_scale(0, 0.07);
v3D2stl_viewer.set_scale(10, 0.7);
v3D2stl_viewer.set_scale(20, 0.7);
v3D2stl_viewer.set_scale(30, 0.7);
v3D2stl_viewer.set_scale(40, 0.7);
v3D2stl_viewer.set_scale(48, 0.7);
v3D2stl_viewer.set_scale(56, 0.7);
v3D2stl_viewer.set_scale(64, 0.7);
v3D2stl_viewer.set_scale(72, 0.7);
v3D2stl_viewer.set_scale(78, 0.7);
v3D2stl_viewer.set_scale(84, 0.7);
v3D2stl_viewer.set_scale(90, 0.7);
//
var v3D2sputnikXn = [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,
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,
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,
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,
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 v3D2sputnikYn = [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,
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,
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,
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,
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 v3D2sputnikZn = [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,
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,
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,
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,
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];
for ( var i = 0; i < 10; i++) 
 {
 v3D2sputnikXn[i] = 4*i;
 v3D2sputnikYn[i] = Math.sqrt(40*40 - v3D2sputnikXn[i]*v3D2sputnikXn[i]);
 v3D2sputnikZn[i] = 0.0; 
 v3D2sputnikXn[i+10] = 4*i;
 v3D2sputnikYn[i+10] = -Math.sqrt(40*40 - v3D2sputnikXn[i+10]*v3D2sputnikXn[i+10]);
 v3D2sputnikZn[i+10] = 0.0; 
 v3D2sputnikXn[i+20] = -4*i;
 v3D2sputnikYn[i+20] = Math.sqrt(40*40 - v3D2sputnikXn[i+20]*v3D2sputnikXn[i+20]);
 v3D2sputnikZn[i+20] = 0.0; 
 v3D2sputnikXn[i+30] = -4*i;
 v3D2sputnikYn[i+30] = -Math.sqrt(40*40 - v3D2sputnikXn[i+30]*v3D2sputnikXn[i+30]);
 v3D2sputnikZn[i+30] = 0.0; 
 }
for ( var i = 40; i < 48; i++) 
 {
 v3D2sputnikXn[i] = 4*(i-40);
 v3D2sputnikZn[i] = Math.sqrt(32*32 - v3D2sputnikXn[i]*v3D2sputnikXn[i]);
 v3D2sputnikYn[i] = 0.0; 
 v3D2sputnikXn[i+8] = 4*(i-40);
 v3D2sputnikZn[i+8] = -Math.sqrt(32*32 - v3D2sputnikXn[i+8]*v3D2sputnikXn[i+8]);
 v3D2sputnikYn[i+8] = 0.0; 
 v3D2sputnikXn[i+16] = -4*(i-40);
 v3D2sputnikZn[i+16] = Math.sqrt(32*32 - v3D2sputnikXn[i+16]*v3D2sputnikXn[i+16]);
 v3D2sputnikYn[i+16] = 0.0; 
 v3D2sputnikXn[i+24] = -4*(i-40);
 v3D2sputnikZn[i+24] = -Math.sqrt(32*32 - v3D2sputnikXn[i+24]*v3D2sputnikXn[i+24]);
 v3D2sputnikYn[i+24] = 0.0; 
 }
for ( var i = 72; i < 78; i++) 
 {
 v3D2sputnikYn[i] = 4*(i-72);
 v3D2sputnikXn[i] = Math.sqrt(24*24 - v3D2sputnikYn[i]*v3D2sputnikYn[i]);
 v3D2sputnikZn[i] = 0.0; 
 v3D2sputnikYn[i+6] = 4*(i-72);
 v3D2sputnikXn[i+6] = -Math.sqrt(24*24 - v3D2sputnikYn[i+6]*v3D2sputnikYn[i+6]);
 v3D2sputnikZn[i+6] = 0.0; 
 v3D2sputnikYn[i+12] = -4*(i-72);
 v3D2sputnikXn[i+12] = Math.sqrt(24*24 - v3D2sputnikYn[i+12]*v3D2sputnikYn[i+12]);
 v3D2sputnikZn[i+12] = 0.0; 
 v3D2sputnikYn[i+18] = -4*(i-72);
 v3D2sputnikXn[i+18] = -Math.sqrt(24*24 - v3D2sputnikYn[i+18]*v3D2sputnikYn[i+18]);
 v3D2sputnikZn[i+18] = 0.0; 
 }
for ( var i = 0; i < 96; i++)
 {
 v3D2stl_viewer.set_position(i, v3D2sputnikXn[i], v3D2sputnikYn[i], v3D2sputnikZn[i]);
 } 
var v3D2timer = setInterval(v3D2fSortAnim, 40);
var v3D2tag = 0.5;
var v3D2cA = 0.0;
var v3D2sA = 0.0;
var v3D2X = 0.0;
var v3D2Y = 0.0;
var v3D2Z = 0.0;
function v3D2fSortAnim() {
if (document.getElementById('v3D2checkSym3').checked) 
 {
 for ( var i = 72; i < 96; i++)
 {
 v3D2cA = Math.cos(v3D2tag*3.141528/180.0);
 v3D2sA = Math.sin(v3D2tag*3.141528/180.0);
 v3D2Y = v3D2cA*v3D2sputnikYn[i] + v3D2sA*v3D2sputnikZn[i];
 v3D2Z = -v3D2sA*v3D2sputnikYn[i] + v3D2cA*v3D2sputnikZn[i];
 v3D2sputnikYn[i] = v3D2Y;
 v3D2sputnikZn[i] = v3D2Z;
 } 
 }
if (document.getElementById('v3D2checkSym2').checked) 
 {
 for ( var i = 40; i < 96; i++)
 {
 v3D2cA = Math.cos(v3D2tag*3.141528/180.0);
 v3D2sA = Math.sin(v3D2tag*3.141528/180.0);
 v3D2X = v3D2cA*v3D2sputnikXn[i] + v3D2sA*v3D2sputnikYn[i];
 v3D2Y = -v3D2sA*v3D2sputnikXn[i] + v3D2cA*v3D2sputnikYn[i];
 v3D2sputnikXn[i] = v3D2X;
 v3D2sputnikYn[i] = v3D2Y;
 } 
 } 
if (document.getElementById('v3D2checkSym1').checked) 
 {
 for ( var i = 0; i < 96; i++)
 {
 v3D2cA = Math.cos(v3D2tag*3.141528/180.0);
 v3D2sA = Math.sin(v3D2tag*3.141528/180.0);
 v3D2X = v3D2cA*v3D2sputnikXn[i] + v3D2sA*v3D2sputnikZn[i];
 v3D2Z = -v3D2sA*v3D2sputnikXn[i] + v3D2cA*v3D2sputnikZn[i];
 v3D2sputnikXn[i] = v3D2X;
 v3D2sputnikZn[i] = v3D2Z;
 } 
 }
for ( var i = 0; i < 96; i++)
 {
 v3D2stl_viewer.set_position(i, v3D2sputnikXn[i], v3D2sputnikYn[i], v3D2sputnikZn[i]);
 } 
}
} 
 </script>

 <script src="/public/htmlsputnik/stl_viewer.min.js"></script> 
 <script>
 var v3D2fileshar = "/public/htmlsputnik/minishar.stl";
 var v3D2filebigshar = "/public/htmlsputnik/shar.stl";
 var v3D2stl_viewer=new StlViewer
 (
 document.getElementById("v3D2stl_cont"),
 {
 all_loaded_callback:v3D2load_prog,
 models:
 [
 {id:0, filename: v3D2filebigshar },
 {id:1, filename: v3D2fileshar },
 {id:2, filename: v3D2fileshar },
 {id:3, filename: v3D2fileshar },
 {id:4, filename: v3D2fileshar },
 {id:5, filename: v3D2fileshar },
 {id:6, filename: v3D2fileshar },
 {id:7, filename: v3D2fileshar },
 {id:8, filename: v3D2fileshar },
 {id:9, filename: v3D2fileshar },
 {id:10, filename: v3D2fileshar },
 {id:11, filename: v3D2fileshar },
 {id:12, filename: v3D2fileshar },
 {id:13, filename: v3D2fileshar },
 {id:14, filename: v3D2fileshar },
 {id:15, filename: v3D2fileshar },
 {id:16, filename: v3D2fileshar },
 {id:17, filename: v3D2fileshar },
 {id:18, filename: v3D2fileshar },
 {id:19, filename: v3D2fileshar },
 {id:20, filename: v3D2fileshar },
 {id:21, filename: v3D2fileshar },
 {id:22, filename: v3D2fileshar },
 {id:23, filename: v3D2fileshar },
 {id:24, filename: v3D2fileshar },
 {id:25, filename: v3D2fileshar },
 {id:26, filename: v3D2fileshar },
 {id:27, filename: v3D2fileshar },
 {id:28, filename: v3D2fileshar },
 {id:29, filename: v3D2fileshar },
 {id:30, filename: v3D2fileshar },
 {id:31, filename: v3D2fileshar },
 {id:32, filename: v3D2fileshar },
 {id:33, filename: v3D2fileshar },
 {id:34, filename: v3D2fileshar },
 {id:35, filename: v3D2fileshar },
 {id:36, filename: v3D2fileshar },
 {id:37, filename: v3D2fileshar },
 {id:38, filename: v3D2fileshar },
 {id:39, filename: v3D2fileshar },
 {id:40, filename: v3D2fileshar },
 {id:41, filename: v3D2fileshar },
 {id:42, filename: v3D2fileshar },
 {id:43, filename: v3D2fileshar },
 {id:44, filename: v3D2fileshar },
 {id:45, filename: v3D2fileshar },
 {id:46, filename: v3D2fileshar },
 {id:47, filename: v3D2fileshar },
 {id:48, filename: v3D2fileshar },
 {id:49, filename: v3D2fileshar },
 {id:50, filename: v3D2fileshar },
 {id:51, filename: v3D2fileshar },
 {id:52, filename: v3D2fileshar },
 {id:53, filename: v3D2fileshar },
 {id:54, filename: v3D2fileshar },
 {id:55, filename: v3D2fileshar },
 {id:56, filename: v3D2fileshar },
 {id:57, filename: v3D2fileshar },
 {id:58, filename: v3D2fileshar },
 {id:59, filename: v3D2fileshar },
 {id:60, filename: v3D2fileshar },
 {id:61, filename: v3D2fileshar },
 {id:62, filename: v3D2fileshar },
 {id:63, filename: v3D2fileshar },
 {id:64, filename: v3D2fileshar },
 {id:65, filename: v3D2fileshar },
 {id:66, filename: v3D2fileshar },
 {id:67, filename: v3D2fileshar },
 {id:68, filename: v3D2fileshar },
 {id:69, filename: v3D2fileshar },
 {id:70, filename: v3D2fileshar },
 {id:71, filename: v3D2fileshar },
 {id:72, filename: v3D2fileshar },
 {id:73, filename: v3D2fileshar },
 {id:74, filename: v3D2fileshar },
 {id:75, filename: v3D2fileshar },
 {id:76, filename: v3D2fileshar },
 {id:77, filename: v3D2fileshar },
 {id:78, filename: v3D2fileshar },
 {id:79, filename: v3D2fileshar },
 {id:80, filename: v3D2fileshar },
 {id:81, filename: v3D2fileshar },
 {id:82, filename: v3D2fileshar },
 {id:83, filename: v3D2fileshar },
 {id:84, filename: v3D2fileshar },
 {id:85, filename: v3D2fileshar },
 {id:86, filename: v3D2fileshar },
 {id:87, filename: v3D2fileshar },
 {id:88, filename: v3D2fileshar },
 {id:89, filename: v3D2fileshar },
 {id:90, filename: v3D2fileshar },
 {id:91, filename: v3D2fileshar },
 {id:92, filename: v3D2fileshar },
 {id:93, filename: v3D2fileshar },
 {id:94, filename: v3D2fileshar },
 {id:95, filename: v3D2fileshar }
 ]
 }
 );
 </script>
 

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

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

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

 <script>
function load_progv3D5()
{
stl_viewerv3D5.set_scale(0, 0.2);
stl_viewerv3D5.set_scale(1, 0.2);
stl_viewerv3D5.set_scale(2, 0.2);
stl_viewerv3D5.set_color(0, "#00C617");
stl_viewerv3D5.set_color(1, "#FF8F00");
stl_viewerv3D5.set_color(2, "#00C617");
stl_viewerv3D5.set_position(0, -20.0, 0.0, 0.0);
stl_viewerv3D5.set_position(1, 0.0, 0.0, 0.0);
stl_viewerv3D5.set_position(2, 20.0, 0.0, 0.0);
//
var v3D5timer = setInterval(fSortAnimv3D5, 30);
var v3D5timertag = 0.01;
var v3D5timerrotate = 1;
var v3D5flaggo = 1;
function fSortAnimv3D5() {
 v3D5timertag = v3D5timertag + (v3D5timerrotate * 0.01);
 if (v3D5timertag > 0.99) { v3D5timerrotate = -1; }
 if (v3D5timertag < 0.01) { v3D5timerrotate = 1; v3D5flaggo = v3D5flaggo * -1; }
 //
if (document.getElementById('v3D5checkA').checked === false) 
 {
 if (v3D5flaggo < 0) {
 stl_viewerv3D5.set_position(0, -15.0 - Math.sqrt(v3D5timertag) * 30.0, 0.0, 0.0);
 } else {
 stl_viewerv3D5.set_position(2, 15.0 + Math.sqrt(v3D5timertag) * 30.0, 0.0, 0.0);
 }
 } else {
 stl_viewerv3D5.set_position(0, -15.0 - Math.sqrt(v3D5timertag) * 30.0, 0.0, 0.0);
 stl_viewerv3D5.set_position(2, 15.0 + Math.sqrt(v3D5timertag) * 30.0, 0.0, 0.0);
 }
}
} 
 </script>

 <script src="/public/htmlzvezda/stl_viewer.min.js"></script> 
 <script>
 var v3D5fileshar = "/public/htmlzvezda/shar.stl";
 var stl_viewerv3D5=new StlViewer
 (
 document.getElementById("stl_contv3D5"),
 {
 all_loaded_callback:load_progv3D5,
 models:
 [
 {id:0, filename: v3D5fileshar },
 {id:1, filename: v3D5fileshar },
 {id:2, filename: v3D5fileshar }
 ]
 }
 );
 </script>
 

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

<table width="500" height="500" align="center" class="colorborder">
 <tr>
 <td width="500" height="500" class="colorborder"> <div id="v3D3stl_cont" style="width:500px;height:500px;margin:0 auto;"></div></td>
 </tr>
 <tr><td align="center">
 <input id="v3D3checkSym" type="checkbox" />start
</td></tr> 
 <tr><td align="center">
 1: <input type="range" id="v3D3radius" max="400" min="0" value="0"
 oninput="{document.getElementById('v3D3spanradius').innerHTML = document.getElementById('v3D3radius').value; v3D3TrackBar1Position = document.getElementById('v3D3radius').value;}" />
 <span id="v3D3spanradius">30</span>
</td></tr> 
<tr><td align="center">
 2: <input type="range" id="v3D3size" max="400" min="0" value="0"
 oninput="{document.getElementById('v3D3spansize').innerHTML = document.getElementById('v3D3size').value; v3D3TrackBar2Position = document.getElementById('v3D3size').value;}" />
 <span id="v3D3spansize">30</span>
</td></tr> 
 <tr><td align="center">
 3: <input type="range" id="v3D3count" max="400" min="0" value="0"
 oninput="{document.getElementById('v3D3spancount').innerHTML = document.getElementById('v3D3count').value; v3D3TrackBar3Position = document.getElementById('v3D3count').value;}" />
 <span id="v3D3spancount">0</span>
</td></tr> 
 <tr><td align="center">
 4: <input type="range" id="v3D3noise" max="400" min="0" value="0"
 oninput="{document.getElementById('v3D3spannoise').innerHTML = document.getElementById('v3D3noise').value; v3D3TrackBar4Position = document.getElementById('v3D3noise').value;}" />
 <span id="v3D3spannoise">0</span>
</td></tr> 
 <tr><td align="center">
 5: <input type="range" id="v3D3speed" max="400" min="0" value="0"
 oninput="{document.getElementById('v3D3spanspeed').innerHTML = document.getElementById('v3D3speed').value; v3D3TrackBar5Position = document.getElementById('v3D3speed').value;}" />
 <span id="v3D3spanspeed">0</span>
</td></tr> 
</table>

 <script>
var v3D3TrackBar1Position = 0.0;
var v3D3TrackBar2Position = 0.0;
var v3D3TrackBar3Position = 0.0;
var v3D3TrackBar4Position = 0.0;
var v3D3TrackBar5Position = 0.0;
function v3D3load_prog()
{
v3D3stl_viewer.set_scale(0, 0.95);
v3D3stl_viewer.set_scale(1, 0.96);
v3D3stl_viewer.set_scale(2, 0.98);
v3D3stl_viewer.set_scale(3, 0.97);
v3D3stl_viewer.set_scale(4, 0.99);
v3D3stl_viewer.set_color(0, "#C7C7C7");
v3D3stl_viewer.set_color(1, "#64B4F3");
v3D3stl_viewer.set_color(2, "#F3647A");
v3D3stl_viewer.set_color(3, "#64F36F");
v3D3stl_viewer.set_color(4, "#EFF364");
v3D3stl_viewer.set_position(0, 0.0, 0.0, 0.0);
v3D3stl_viewer.set_position(1, 0.0, 0.0, 0.0);
v3D3stl_viewer.set_position(2, 0.0, 0.0, 0.0);
v3D3stl_viewer.set_position(3, 0.0, 0.0, 0.0);
v3D3stl_viewer.set_position(4, 0.0, 0.0, 0.0);
//
var v3D3timer = setInterval(v3D3fSortAnimver, 40);
function v3D3fSortAnimver() {
v3D3stl_viewer.set_position(0, 0.0, (v3D3TrackBar1Position-150)/10, 0.0);
v3D3stl_viewer.set_position(1, 0.0, (v3D3TrackBar2Position-150)/10, 0.0);
v3D3stl_viewer.set_position(2, 0.0, (v3D3TrackBar3Position-150)/10, 0.0);
v3D3stl_viewer.set_position(3, 0.0, (v3D3TrackBar4Position-150)/10, 0.0);
v3D3stl_viewer.set_position(4, 0.0, (v3D3TrackBar5Position-150)/10, 0.0);
if (document.getElementById('v3D3checkSym').checked) 
 {
 v3D3stl_viewer.rotate(0, 0.0, 0.25*3.141528/180.0, 0.0);
 v3D3stl_viewer.rotate(1, 0.0, 0.25*3.141528/180.0, 0.0);
 v3D3stl_viewer.rotate(2, 0.0, 0.25*3.141528/180.0, 0.0);
 v3D3stl_viewer.rotate(3, 0.0, 0.25*3.141528/180.0, 0.0);
 v3D3stl_viewer.rotate(4, 0.0, 0.25*3.141528/180.0, 0.0);
 }
}
} 
 </script>

 <script src="/public/htmlsputnik/stl_viewer.min.js"></script> 
 <script>
 var v3D3fileelka1 = "/public/htmlsputnik/elkac1.stl";
 var v3D3fileelka2 = "/public/htmlsputnik/elkac2.stl";
 var v3D3fileelka3 = "/public/htmlsputnik/elkac3.stl";
 var v3D3fileelka4 = "/public/htmlsputnik/elkac4.stl";
 var v3D3fileelka5 = "/public/htmlsputnik/elkac5.stl";
 var v3D3stl_viewer=new StlViewer
 (
 document.getElementById("v3D3stl_cont"),
 {
 all_loaded_callback:v3D3load_prog,
 models:
 [
 {id:0, filename: v3D3fileelka1 },
 {id:1, filename: v3D3fileelka2 },
 {id:2, filename: v3D3fileelka3 },
 {id:3, filename: v3D3fileelka4 },
 {id:4, filename: v3D3fileelka5 }
 ]
 }
 );
 </script>
 

 <div align="center" id="info"></div>

 <script src="https://sklees.narod.ru/webGL/three.js"></script>

 <script src="https://sklees.narod.ru/webGL/STLLoader.js"></script>

 <script src="https://sklees.narod.ru/webGL/WebGL.js"></script>
 <script src="https://sklees.narod.ru/webGL/stats.min.js"></script>

 <script>
 if ( WEBGL.isWebGLAvailable() === false ) {
 document.getElementById('info').appendChild( WEBGL.getWebGLErrorMessage() );
 }
 var container, stats;
 var camera, cameraTarget, scene, renderer;
 init();
 animate();
 function init() {
 container = document.createElement( 'div' );
 document.getElementById('info').appendChild( container );
 camera = new THREE.PerspectiveCamera( 35, 1, 1, 15 );
 camera.position.set( 3, 0.15, 3 );
 cameraTarget = new THREE.Vector3( 0, -0.25, 0 );
 scene = new THREE.Scene();
 scene.background = new THREE.Color( 0x72645b );
 scene.fog = new THREE.Fog( 0x72645b, 2, 15 );

 var plane = new THREE.Mesh(
 new THREE.PlaneBufferGeometry( 40, 40 ),
 new THREE.MeshPhongMaterial( { color: 0x999999, specular: 0x101010 } )
 );
 plane.rotation.x = -Math.PI/2;
 plane.position.y = -0.5;
 scene.add( plane );
 plane.receiveShadow = true;

 var loader = new THREE.STLLoader();
 loader.load( urlfileSTL, function ( geometry ) {
 var material = new THREE.MeshPhongMaterial( { color: 0xff5533, specular: 0x111111,
 shininess: 200 } );
 var mesh = new THREE.Mesh( geometry, material );
 mesh.position.set( 0.0, 0.05, 0.0 );
 mesh.rotation.set( 0, Math.PI, 0 );
 mesh.scale.set( 0.005, 0.005, 0.005 );
 mesh.castShadow = true;
 mesh.receiveShadow = true;
 scene.add( mesh );
 } );
 

 scene.add( new THREE.HemisphereLight( 0x443333, 0x111122 ) );
 addShadowedLight( 1, 1, 1, 0xffffff, 1.35 );
 addShadowedLight( 0.5, 1, -1, 0xffaa00, 1 );

 renderer = new THREE.WebGLRenderer( { antialias: true } );
 renderer.setPixelRatio( 1 );
 renderer.setSize( 320, 320 );
 renderer.gammaInput = true;
 renderer.gammaOutput = true;
 renderer.shadowMap.enabled = true;
 container.appendChild( renderer.domElement );

 window.addEventListener( 'resize', onWindowResize, false );
 }
 function addShadowedLight( x, y, z, color, intensity ) {
 var directionalLight = new THREE.DirectionalLight( color, intensity );
 directionalLight.position.set( x, y, z );
 scene.add( directionalLight );
 directionalLight.castShadow = true;
 var d = 1;
 directionalLight.shadow.camera.left = -d;
 directionalLight.shadow.camera.right = d;
 directionalLight.shadow.camera.top = d;
 directionalLight.shadow.camera.bottom = -d;
 directionalLight.shadow.camera.near = 1;
 directionalLight.shadow.camera.far = 4;
 directionalLight.shadow.mapSize.width = 1024;
 directionalLight.shadow.mapSize.height = 1024;
 directionalLight.shadow.bias = -0.002;
 }
 function onWindowResize() {
 camera.aspect = 1;
 camera.updateProjectionMatrix();
 renderer.setSize( 320, 320 );
 }
 function animate() {
 requestAnimationFrame( animate );
 render();
 }
 function render() {
 var timer = Date.now() * 0.0005;
 camera.position.x = Math.cos( timer ) * 3;
 camera.position.z = Math.sin( timer ) * 3;
 camera.lookAt( cameraTarget );
 renderer.render( scene, camera );
 }
 </script>