Changes between Version 5 and Version 6 of jsc3d


Ignore:
Timestamp:
Jan 8, 2014, 9:15:00 AM (10 years ago)
Author:
Leon Kos
Comment:

Popravi komentarje

Legend:

Unmodified
Added
Removed
Modified

  • jsc3d

    v5 v6  
    3535<script type="text/javascript">
    3636function onLoad(){
    37   var canvas = document.getElementById('cv');   <!-- Ime elementa -->
    38   var viewer = new JSC3D.Viewer(canvas);        <!-- Ime prikaznega okna -->
    39   viewer.setParameter('SceneUrl', 'elbow.stl'); <!-- Model za prikaz -->
     37  var canvas = document.getElementById('cv');   // Ime elementa
     38  var viewer = new JSC3D.Viewer(canvas);        // Ime prikaznega okna
     39  viewer.setParameter('SceneUrl', 'elbow.stl'); // Model za prikaz
    4040  viewer.init();
    4141  viewer.update();
    … …  
    8686Z 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:
    8787{{{
    88   viewer.setParameter('BackgroundColor1', '#CCCCCC');   <!-- Barva ozadja- zgoraj -->
    89   viewer.setParameter('BackgroundColor2', '#003366');   <!-- Barva ozadja- spodaj -->
     88  viewer.setParameter('BackgroundColor1', '#CCCCCC');   // Barva ozadja- zgoraj
     89  viewer.setParameter('BackgroundColor2', '#003366');   // Barva ozadja- spodaj
    9090}}}
    9191
    … …  
    102102<script type="text/javascript">
    103103function onLoad2(){
    104   var canvas = document.getElementById('cv2');   <!-- Ime elementa -->
    105   var viewer = new JSC3D.Viewer(canvas);        <!-- Ime prikaznega okna -->
    106   viewer.setParameter('BackgroundColor1', '#CCCCCC');   <!-- Barva ozadja- zgoraj -->
    107   viewer.setParameter('BackgroundColor2', '#003366');   <!-- Barva ozadja- spodaj -->
    108   viewer.setParameter('SceneUrl', '/vaje/raw-attachment/wiki/jsc3d/elbow.STL'); <!-- Model za prikaz -->
    109   viewer.setParameter('ModelColor','#FFFFFF');  <!-- Sprememba barve kosa -->
     104  var canvas = document.getElementById('cv2');   // Ime elementa
     105  var viewer = new JSC3D.Viewer(canvas);        // Ime prikaznega okna
     106  viewer.setParameter('BackgroundColor1', '#CCCCCC');   // Barva ozadja- zgoraj
     107  viewer.setParameter('BackgroundColor2', '#003366');   // Barva ozadja- spodaj
     108  viewer.setParameter('SceneUrl', '/vaje/raw-attachment/wiki/jsc3d/elbow.STL'); // Model za prikaz
     109  viewer.setParameter('ModelColor','#FFFFFF');  // Sprememba barve kosa
    110110  viewer.init();
    111111  viewer.update();
    … …  
    149149<script type="text/javascript">
    150150function onLoad3(){
    151   var canvas = document.getElementById('cv3');   <!-- Ime elementa -->
    152   var viewer = new JSC3D.Viewer(canvas);        <!-- Ime prikaznega okna -->
    153   viewer.setParameter('SceneUrl', '/vaje/raw-attachment/wiki/jsc3d/elbow.STL'); <!-- Model za prikaz -->
    154   viewer.setParameter('CreaseAngle', 15);       <!-- Prilagoditev senčenja preko ostrih prehodov -->
    155   viewer.setParameter('RenderMode','smooth');   <!-- Zgladitev prikaza modela -->
     151  var canvas = document.getElementById('cv3');   // Ime elementa
     152  var viewer = new JSC3D.Viewer(canvas);         // Ime prikaznega okna
     153  viewer.setParameter('SceneUrl', '/vaje/raw-attachment/wiki/jsc3d/elbow.STL'); // Model za prikaz
     154  viewer.setParameter('CreaseAngle', 15);       // Prilagoditev senčenja preko ostrih prehodov
     155  viewer.setParameter('RenderMode','smooth');   // Zgladitev prikaza modela
    156156  viewer.init();
    157157  viewer.update();
    … …  
    172172{{{
    173173#!javascript
    174   viewer.setParameter('InitRotationX', 30);     <!-- rotacija zacetnega pogleda okoli X osi -->
    175   viewer.setParameter('InitRotationY', 30);     <!-- rotacija zacetnega pogleda okoli Y osi -->
    176   viewer.setParameter('InitRotationZ', 30);     <!-- rotacija zacetnega pogleda okoli Z osi -->
     174  viewer.setParameter('InitRotationX', 30);     // rotacija zacetnega pogleda okoli osi X
     175  viewer.setParameter('InitRotationY', 30);     // rotacija zacetnega pogleda okoli osi Y
     176  viewer.setParameter('InitRotationZ', 30);     // rotacija zacetnega pogleda okoli osi Z
    177177}}}
    178178
    … …  
    183183<script type="text/javascript">
    184184function onLoad4(){
    185   var canvas = document.getElementById('cv4');   <!-- Ime elementa -->
    186   var viewer = new JSC3D.Viewer(canvas);        <!-- Ime prikaznega okna -->
    187   viewer.setParameter('InitRotationX', 30);     <!-- rotacija zacetnega pogleda okoli X osi -->
    188   viewer.setParameter('InitRotationY', 30);     <!-- rotacija zacetnega pogleda okoli Y osi -->
    189   viewer.setParameter('InitRotationZ', 30);     <!-- rotacija zacetnega pogleda okoli Z osi -->
    190   viewer.setParameter('SceneUrl', '/vaje/raw-attachment/wiki/jsc3d/elbow.STL'); <!-- Model za prikaz -->
     185  var canvas = document.getElementById('cv4');  // Ime elementa
     186  var viewer = new JSC3D.Viewer(canvas);        // Ime prikaznega okna
     187  viewer.setParameter('InitRotationX', 30);     // rotacija zacetnega pogleda okoli osi X
     188  viewer.setParameter('InitRotationY', 30);     // rotacija zacetnega pogleda okoli osi Y
     189  viewer.setParameter('InitRotationZ', 30);     // rotacija zacetnega pogleda okoli osi Z
     190  viewer.setParameter('SceneUrl', '/vaje/raw-attachment/wiki/jsc3d/elbow.STL'); // Model za prikaz
    191191  viewer.init();
    192192  viewer.update();
    … …  
    207207{{{
    208208#!javascript
    209   viewer.setParameter('BackgroundImageUrl', 'Ozadje.jpg'); <!-- nastavitev slike za ozadje -->
     209  viewer.setParameter('BackgroundImageUrl', 'Ozadje.jpg'); // nastavitev slike za ozadje
    210210}}}
    211211
    … …  
    237237{{{
    238238#!javascript
    239   setInterval(function(){viewer.rotate(0, 3, 0); viewer.update();}, 60); <!-- animacija- rotacija -->
     239  setInterval(function(){viewer.rotate(0, 3, 0); viewer.update();}, 60); // animacija- rotacija
    240240}}}
    241241
    … …  
    246246<script type="text/javascript">
    247247function onLoad6(){
    248   var canvas = document.getElementById('cv6');   <!-- Ime elementa -->
    249   var viewer = new JSC3D.Viewer(canvas);        <!-- Ime prikaznega okna -->
    250   viewer.setParameter('SceneUrl', '/vaje/raw-attachment/wiki/jsc3d/elbow.STL'); <!-- Model za prikaz -->
    251   setInterval(function(){viewer.rotate(0, 3, 0); viewer.update();}, 60); <!-- animacija- rotacija -->
     248  var canvas = document.getElementById('cv6');   // Ime elementa
     249  var viewer = new JSC3D.Viewer(canvas);         // Ime prikaznega okna
     250  viewer.setParameter('SceneUrl', '/vaje/raw-attachment/wiki/jsc3d/elbow.STL'); // Model za prikaz
     251  setInterval(function(){viewer.rotate(0, 3, 0); viewer.update();}, 60); // animacija- rotacija
    252252  viewer.init();
    253253  viewer.update();
    … …  
    269269{{{
    270270#!javascript
    271   canvas.width = 0.9*window.innerWidth;         <!-- nastavitev zacetne sirine prikaznega okna -->
    272   canvas.height = canvas.width/1.6;             <!-- nastavitev zacetne visine prikaznega okna -->
     271  canvas.width = 0.9*window.innerWidth;         // nastavitev zacetne sirine prikaznega okna
     272  canvas.height = canvas.width/1.6;             // nastavitev zacetne visine prikaznega okna
    273273}}}
    274274
    … …  
    278278window.onresize = function() {
    279279  var canvas = document.getElementById('cv');
    280   canvas.width = 0.9*window.innerWidth;         <!-- nastavitev sirine prikaznega okna ob osvezitvi -->
    281   canvas.height = canvas.width/1.6;             <!-- nastavitev visine prikaznega okna ob osvezitvi -->
     280  canvas.width = 0.9*window.innerWidth;         // nastavitev sirine prikaznega okna ob osvezitvi
     281  canvas.height = canvas.width/1.6;             // nastavitev visine prikaznega okna ob osvezitvi
    282282  viewer.ctx = canvas.getContext('2d');
    283283  viewer.canvasData = viewer.ctx.getImageData(0, 0, canvas.width, canvas.height);
    284   viewer.frameWidth = canvas.width;             <!-- nastavitev sirine modelnega okna ob osvezitvi -->
    285   viewer.frameHeight = canvas.height;           <!-- nastavitev sirine modelnega okna ob osvezitvi -->
    286   viewer.generateBackground();                  <!-- ponovni izris ozadja -->
     284  viewer.frameWidth = canvas.width;             // nastavitev sirine modelnega okna ob osvezitvi
     285  viewer.frameHeight = canvas.height;           // nastavitev sirine modelnega okna ob osvezitvi
     286  viewer.generateBackground();                  // ponovni izris ozadja
    287287  viewer.update();
    288288}