Changes between Version 26 and Version 27 of PythonOcc/elbow

Timestamp:

Dec 10, 2013, 3:23:25 AM (11 years ago)

Author:

Leon Kos

Comment:

Opeis nalaganja sestava

PythonOcc/elbow

@@ -297 +297 @@
 
 == Sestavljanje, materiali, transformacije ==
+
+V formatu STL ni možno nastavljati barve. Če želimo posameznim delom nastaviti barvo
+lahko to storimo tako, da naložimo vsak kos posebej in mu nastavimo material. 
+Če sestavavljamo modele z uporabo več enakih kosov je ugodno, da naložimo le
+osnovne dele, ki jih potem kopiramo in prestavljamo po prostoru in tako sestavimo
+celoten sestav. Nalaganje posameznih modelov je asinhrono, kar pomeni da se hkrati
+nalagajo in ni zagotovljen vrstni red. S takim načinom prenašanja modelov do
+brskalnika se čas do prvega prikaza sestava skrajša. Je pa zaradi tega potrebno
+nekoliko več programiranja transformacij in kopiranje položajev točk. Zmanjša 
+se tudi poraba pomnilnika v brskalniku, kar omogoča hitrejše obračanje sestava.
+
+[http://jsc3d.googlecode.com/svn/trunk/jsc3d/docs/index.html Dokumentacija objektov SJC3D] 
+nam je lahko v pomoč pri programiranju v JavaScriptu.
+
 {{{
 #!html
@@ -380 +394 @@
 {{{
 #!javascript
-
-}}}
+{{{
+#!html
+<script src="/vaje/raw-attachment/wiki/PythonOcc/elbow/jsc3d.min.js"></script>
+<script type="text/javascript">
+function onLoad2(){
+  var canvas = document.getElementById('cv2');
+  canvas.width = 0.9*window.innerWidth;
+  canvas.height = canvas.width/1.6;
+  var viewer = new JSC3D.Viewer(canvas);
+  //viewer.setParameter('SceneUrl', '/vaje/raw-attachment/wiki/PythonOcc/elbow/pipe.stl');
+  viewer.setParameter('BackgroundColor1', '#FFFFFF');
+  viewer.setParameter('BackgroundColor2', '#383840');
+  viewer.setParameter('InitRotationX', 30);
+  viewer.setParameter('InitRotationY', 30);
+  viewer.setParameter('InitRotationZ', 30);
+  viewer.init();
+  
+  var theScene = new JSC3D.Scene;
+  var totalParts = 2;
+  var numOfLoaded = 0;  
+
+  var onPipeLoaded = function(scene) {
+  var meshes = scene.getChildren();
+    for (var i=0; i<meshes.length; i++) {
+     material =  new JSC3D.Material();
+     material.diffuseColor = 0x3f3f7f;
+     meshes[i].setMaterial(material);
+     theScene.addChild(meshes[i]);
+    }
+    if (++numOfLoaded == totalParts)
+      viewer.replaceScene(theScene);
+  };
+
+  var onElbowLoaded = function(scene) {
+    var meshes = scene.getChildren();
+    for (var i=0; i<meshes.length; i++) {
+        material =  new JSC3D.Material();
+        material.diffuseColor = 0x0ab610;
+        material.transparency = 0.4;
+        meshes[i].setMaterial(material);
+        theScene.addChild(meshes[i]);
+
+        var xformMat = new JSC3D.Matrix3x4;
+        var rotMat = new JSC3D.Matrix3x4;
+        xformMat.identity();
+        rotMat.identity();
+        rotMat.rotateAboutZAxis(90);
+        xformMat.multiply(rotMat);
+        xformMat.translate(500, 0, 0);
+
+        myMesh = new JSC3D.Mesh();
+        myMesh.vertexBuffer = new Array( meshes[i].vertexBuffer.length);
+        myMesh.faceNormalBuffer = new Array( meshes[i].faceNormalBuffer.length);
+        myMesh.indexBuffer = meshes[i].indexBuffer;
+        // transform and rewrite vertex coordinates
+        JSC3D.Math3D.transformVectors(xformMat, meshes[i].vertexBuffer, myMesh.vertexBuffer);
+        // transform and rewrite face normals
+        JSC3D.Math3D.transformVectors(rotMat, meshes[i].faceNormalBuffer, myMesh.faceNormalBuffer);
+        myMesh.setMaterial(material);
+        myMesh.init();
+        theScene.addChild(myMesh); 
+    }
+    if (++numOfLoaded == totalParts)
+      viewer.replaceScene(theScene);
+  };
+                                   
+
+  var pipe_loader = new JSC3D.StlLoader;
+  pipe_loader.onload = onPipeLoaded;
+  pipe_loader.loadFromUrl('/vaje/raw-attachment/wiki/PythonOcc/elbow/pipe.stl');
+  var elbow_loader = new JSC3D.StlLoader;
+  elbow_loader.onload = onElbowLoaded;
+  elbow_loader.loadFromUrl('/vaje/raw-attachment/wiki/PythonOcc/elbow/elbow.stl');
+
+  viewer.update();
+}      
+window.onload = window.onresize = function() {onLoad(); onLoad2();}        
+</script>  
+<canvas id="cv2" width="600" height="400"
+  style="background:lightgrey; border: 1px solid; float:center;" ></canvas>
+}}}
+}}}