Changes between Version 6 and Version 7 of jsc3d
- Timestamp:
- Jan 8, 2014, 9:28:58 AM (11 years ago)
Legend:
- Unmodified
- Added
- Removed
- Modified
-
jsc3d
v6 v7 1 [[PageOutline]] 1 2 = Prikaz na spletni strani z uporabo knjižnice jsc3d = 2 3 3 4 4 Z uporabo knjižnice [http://code.google.com/p/jsc3d/ JSC3D] je omogoča 3D predstavitev modelov na spletni strani. Knjižnica JSC3D je narejena v JavaScript jeziku in potrebuje HTML okolje za delovanje. Knjižnica omogoča pregled modelov v brskalnikih Opera, Chrome, Firefox, Safari, IE9. 5 6 7 [[PageOutline]] 8 [[BR]][[BR]][[BR]][[BR]][[BR]][[BR]][[BR]][[BR]][[BR]] 5 Z uporabo knjižnice [http://code.google.com/p/jsc3d/ JSC3D] je mogoča 3D predstavitev modelov na spletni strani. Knjižnica JSC3D je narejena v jeziku JavaScript in potrebuje okolje HTML5 ali WebGL za delovanje. Knjižnica omogoča pregled modelov v brskalnikih Opera, Chrome, Firefox, Safari, IE9. 9 6 10 7 == Preprosti prikaz modela s knjižnico jsc3d == 11 8 12 Preden model prikažemo na spletni strani je potrebno izvoziti kos v format, ustrezen za prikaz. Gre za STL format datoteke. V python OCC-ju izvozimo model v STL format na način: <br>9 Preden model prikažemo na spletni strani je potrebno izvoziti kos v format, ustrezen za prikaz. Gre za STL format datoteke. V python OCC-ju izvozimo model v STL format na način: 13 10 Za izvoz objekta v STL format imamo na voljo knjižnico DataExchange.STL: 14 11 {{{ … … 21 18 {{{ 22 19 #!javascript 23 20 def Izvoz_v_STL(event=None): 24 21 my_stl_exporter = STLExporter("Model_STL.stl") 25 22 my_stl_exporter.set_shape(kocka) … … 62 59 viewer.update(); 63 60 } 64 window.onload = window.onresize =function() {onLoad1();}61 window.onload = function() {onLoad1();} 65 62 </script> 66 63 <div align="center"> … … 86 83 Z uporabo knjižnice jsc3d je zamenjava barve ozadja ter spreminjanje barve prikazanega kosa enostavna operacija. Barvo ozadja določimo glede RGB barvno lestvico. Za ozadje lahko določimo dve različni barvi, ki se prelivata skozi višino okna: 87 84 {{{ 85 #!javascript 88 86 viewer.setParameter('BackgroundColor1', '#CCCCCC'); // Barva ozadja- zgoraj 89 87 viewer.setParameter('BackgroundColor2', '#003366'); // Barva ozadja- spodaj … … 92 90 Barvo prikazanega kosa spremenimo z določitvijo barve glede na RGB barvno lestvico: 93 91 {{{ 94 viewer.setParameter('ModelColor','#FFFFFF'); <!-- Sprememba barve kosa --> 92 #!javascript 93 viewer.setParameter('ModelColor','#FFFFFF'); // Sprememba barve kosa 95 94 }}} 96 95 … … 111 110 viewer.update(); 112 111 } 113 window.onload = window.onresize =function() {onLoad1(); onLoad2();}112 window.onload = function() {onLoad1(); onLoad2();} 114 113 </script> 115 114 … … 157 156 viewer.update(); 158 157 } 159 window.onload = window.onresize =function() {onLoad1(); onLoad2(); onLoad3();}158 window.onload = function() {onLoad1(); onLoad2(); onLoad3();} 160 159 </script> 161 160 … … 192 191 viewer.update(); 193 192 } 194 window.onload = window.onresize =function() {onLoad1(); onLoad2(); onLoad3(); onLoad4();}193 window.onload = function() {onLoad1(); onLoad2(); onLoad3(); onLoad4();} 195 194 </script> 196 195 … … 223 222 viewer.update(); 224 223 } 225 window.onload = window.onresize =function() {onLoad1(); onLoad2(); onLoad3(); onLoad4(); onLoad5();}224 window.onload = function() {onLoad1(); onLoad2(); onLoad3(); onLoad4(); onLoad5();} 226 225 </script> 227 226 … … 253 252 viewer.update(); 254 253 } 255 window.onload = window.onresize =function() {onLoad1(); onLoad2(); onLoad3(); onLoad4(); onLoad5(); onLoad6();}254 window.onload = function() {onLoad1(); onLoad2(); onLoad3(); onLoad4(); onLoad5(); onLoad6();} 256 255 </script> 257 256 … … 328 327 329 328 330 331 332 333 334 329 == Sestavi mrež == 330 331 Knjižnica JSC3D omogoča asihrono nalaganje večih kosov hkrati kot tudi teksture. Primer takega sestava skupaj s teksturami je prikazan na [wiki:PythonOcc/elbow modelu komolca]. 332 333 334 335 336 337 338 339