Changes between Version 2 and Version 3 of jsc3d/prikazno_okno

Timestamp:

Dec 19, 2013, 10:34:26 AM (10 years ago)

Author:

ptomsic

Comment:

--

jsc3d/prikazno_okno

@@ -1 @@
-== Prikaz kosa- nastavitev velikosti prikaznega okna ==
+== Prikaz kosa- primer ==
 
-Velikokrat nastanejo problemi z velikostjo prikaznega okna, ker si lahko spletno stran ogledujemo na večih različnih napravah, ki nimajo enake resolucije (PC, prenosnik, tablica, telefon). Problem se še bolj zaplete ko začnemo spreminjati velikost odprtega okna brskalnika.
-Ugodno je, da se prikaz modela prilagaja trenutni velikosti okna brskalnika. Tako nastavimo začetno širino in višino:
-{{{
-  canvas.width = 0.9*window.innerWidth;         <!-- nastavitev zacetne sirine prikaznega okna -->
-  canvas.height = canvas.width/1.6;             <!-- nastavitev zacetne visine prikaznega okna -->
-}}}
+[[BR]][[BR]]
 
-Kljub nastavitvi velikosti prikaznega okna pa se le ta ne prilagaja spremembi velikosti brskalnika, ali pa rotaciji zaslona na tabličnih računalnikih/ mobitelih. Potrebno je napraviti še funkcijo za osveževanje prikaza:
-{{{
-#!javascript
-window.onresize = function() {
-  var canvas = document.getElementById('cv');
-  canvas.width = 0.9*window.innerWidth;         <!-- nastavitev sirine prikaznega okna ob osvezitvi -->
-  canvas.height = canvas.width/1.6;             <!-- nastavitev visine prikaznega okna ob osvezitvi -->
-  viewer.ctx = canvas.getContext('2d');
-  viewer.canvasData = viewer.ctx.getImageData(0, 0, canvas.width, canvas.height);
-  viewer.frameWidth = canvas.width;             <!-- nastavitev sirine modelnega okna ob osvezitvi -->
-  viewer.frameHeight = canvas.height;           <!-- nastavitev sirine modelnega okna ob osvezitvi -->
-  viewer.generateBackground();                  <!-- ponovni izris ozadja -->
-  viewer.update();
-}
-}}}
 
 {{{
@@ -35 +15 @@
   canvas.height = canvas.width/1.6;             <!-- nastavitev zacetne visine prikaznega okna -->
   viewer = new JSC3D.Viewer(canvas);            <!-- Ime prikaznega okna -->
-  viewer.setParameter('SceneUrl', '/vaje/raw-attachment/wiki/jsc3d/elbow.STL'); <!-- Model za prikaz -->
+  viewer.setParameter('BackgroundColor1', '#CCCCCC');   <!-- Barva ozadja- zgoraj -->
+  viewer.setParameter('BackgroundColor2', '#003366');   <!-- Barva ozadja- spodaj -->
+  viewer.setParameter('InitRotationX', 30);     <!-- rotacija zacetnega pogleda okoli X osi -->
+  viewer.setParameter('InitRotationY', 30);     <!-- rotacija zacetnega pogleda okoli Y osi -->
+  viewer.setParameter('InitRotationZ', 30);     <!-- rotacija zacetnega pogleda okoli Z osi -->
+  viewer.setParameter('SceneUrl', '/vaje/raw-attachment/wiki/jsc3d/prikazno_okno/Primer_01.STL'); <!-- Model za prikaz -->
+  viewer.setParameter('ModelColor','#FFFFFF');  <!-- Sprememba barve kosa -->
+  viewer.setParameter('RenderMode','smooth');   <!-- Zgladitev prikaza modela -->
+  viewer.setParameter('CreaseAngle', 15);       <!-- Prilagoditev senčenja preko ostrih prehodov -->
+  setInterval(function(){viewer.rotate(0, 1, 0); viewer.update();}, 60); <!-- animacija- rotacija -->
   viewer.init();
   viewer.update();