Add lesson 06: Reading a .STL file.

haehn · haehn · commit 373490d1625a · 2011-11-29T17:55:18.000-05:00
This loads 4 huge models with a combined 1 million vertices and animates it constantly with 60 fps.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,26 @@
+#SVN
+*.svn
+
+#Python
+*.pyc
+
+# project from Eclipse/Aptana IDE
+*.project
+*.pydevproject
+*.settings
+
+#OSX specifics
+.DS_Store
+
+# temp files
+.temp_*
+
+# all doc files
+*/doc/*
+
+# all build files
+*-build/*
+
+# all .log files
+*.log
+
diff --git a/06/index.html b/06/index.html
@@ -0,0 +1,79 @@
+<html>
+<head>
+<title>XTK Lesson 06: Load a .STL-file</title>
+
+<!-- closure library includes -->
+<script type="text/javascript"
+	src="../../X/xtk/lib/closure-library/closure/goog/base.js"></script>
+
+<!-- ------------ -->
+<!-- xtk includes -->
+<script type="text/javascript" src="../../X/xtk/xtk-deps.js"></script>
+<!-- ------------ -->
+
+<!-- source code -->
+<script type="text/javascript">
+
+goog.provide('run');
+
+goog.require('X.box');
+goog.require('X.renderer3D');
+
+var run = function() {
+
+  try {
+    
+    var r = new X.renderer3D('r');
+    r.setBackgroundColor('#000000');
+    r.init();
+    
+    //var box1 = new X.box(new goog.math.Vec3(10, 10, 10), 5, 10, 20);
+    //box1.setTexture(new X.texture('../../X/xtk.png'));
+    
+    var model = new X.object();
+    model.load('../../X/xtk-data/P0004_model.stl');
+    //model.transform().rotateX(90);
+    
+    var model2 = new X.object();
+    model2.load('../../X/xtk-data/P0004_neckplane.stl');
+    
+    var model3 = new X.object();
+    model3.load('../../X/xtk-data/tissue.stl');    
+    
+    var model4 = new X.object();
+    model4.load('../../X/xtk-data/skull_bone.stl');
+    model4.setOpacity(0.4);
+    model4.transform().rotateY(270);
+    
+    //r.add(box1);
+    r.add(model);
+    r.add(model2);
+    r.add(model3);
+    r.add(model4);
+    
+    setInterval(function() {
+      model.transform().rotateX(1);
+      model.transform().rotateY(1);
+      model3.transform().rotateZ(1);
+      model4.transform().rotateZ(1);
+      r.render();
+    },15);
+    
+  } catch (e) {
+    
+    // catch any exception and print the error to the error log
+    console.error(e);
+    
+  }
+  
+};
+
+
+</script>
+
+</head>
+
+<body onload="run()">
+	<div id='r' style='width:100%;height:100%;'></div>
+</body>
+</html>
