Changes between Version 6 and Version 7 of jsc3d


Ignore:
Timestamp:
Jan 8, 2014, 9:28:58 AM (7 years ago)
Author:
Leon Kos
Comment:

Sestavi

Legend:

Unmodified
Added
Removed
Modified
  • jsc3d

    v6 v7  
     1[[PageOutline]]
    12= Prikaz na spletni strani z uporabo knjižnice jsc3d =
    23
    34
    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]]
     5Z 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.
    96
    107== Preprosti prikaz modela s knjižnico jsc3d ==
    118
    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>
     9Preden 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:
    1310Za izvoz objekta v STL format imamo na voljo knjižnico DataExchange.STL:
    1411{{{
     
    2118{{{
    2219#!javascript
    23     def Izvoz_v_STL(event=None):
     20def Izvoz_v_STL(event=None):
    2421    my_stl_exporter = STLExporter("Model_STL.stl")
    2522    my_stl_exporter.set_shape(kocka)
     
    6259  viewer.update();
    6360}     
    64 window.onload = window.onresize = function() {onLoad1();}       
     61window.onload = function() {onLoad1();}       
    6562</script> 
    6663<div align="center">
     
    8683Z 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:
    8784{{{
     85#!javascript
    8886  viewer.setParameter('BackgroundColor1', '#CCCCCC');   // Barva ozadja- zgoraj
    8987  viewer.setParameter('BackgroundColor2', '#003366');   // Barva ozadja- spodaj
     
    9290Barvo prikazanega kosa spremenimo z določitvijo barve glede na RGB barvno lestvico:
    9391{{{
    94   viewer.setParameter('ModelColor','#FFFFFF');  <!-- Sprememba barve kosa -->
     92#!javascript
     93  viewer.setParameter('ModelColor','#FFFFFF');  // Sprememba barve kosa
    9594}}}
    9695
     
    111110  viewer.update();
    112111}     
    113 window.onload = window.onresize = function() {onLoad1(); onLoad2();}       
     112window.onload = function() {onLoad1(); onLoad2();}       
    114113</script> 
    115114
     
    157156  viewer.update();
    158157}     
    159 window.onload = window.onresize = function() {onLoad1(); onLoad2(); onLoad3();}       
     158window.onload = function() {onLoad1(); onLoad2(); onLoad3();}       
    160159</script> 
    161160
     
    192191  viewer.update();
    193192}     
    194 window.onload = window.onresize = function() {onLoad1(); onLoad2(); onLoad3(); onLoad4();}       
     193window.onload = function() {onLoad1(); onLoad2(); onLoad3(); onLoad4();}       
    195194</script> 
    196195
     
    223222  viewer.update();
    224223}     
    225 window.onload = window.onresize = function() {onLoad1(); onLoad2(); onLoad3(); onLoad4(); onLoad5();}       
     224window.onload = function() {onLoad1(); onLoad2(); onLoad3(); onLoad4(); onLoad5();}       
    226225</script> 
    227226
     
    253252  viewer.update();
    254253}     
    255 window.onload = window.onresize = function() {onLoad1(); onLoad2(); onLoad3(); onLoad4(); onLoad5(); onLoad6();}       
     254window.onload = function() {onLoad1(); onLoad2(); onLoad3(); onLoad4(); onLoad5(); onLoad6();}       
    256255</script> 
    257256
     
    328327
    329328
    330 
    331 
    332 
    333 
    334 
     329== Sestavi mrež ==
     330
     331Knjiž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