started demo.

asalga · May 4, 2011 · e962756 · e962756
1 parent 8daf819
commit e962756
Show file tree

Hide file tree

Showing 6 changed files with 110 additions and 0 deletions.
diff --git a/clouds/ariusman.psi b/clouds/ariusman.psi
diff --git a/clouds/mask.psi b/clouds/mask.psi
diff --git a/clouds/nautilus.psi b/clouds/nautilus.psi
diff --git a/clouds/vibex.psi b/clouds/vibex.psi
diff --git a/demos/all_shaders/demo.js b/demos/all_shaders/demo.js
@@ -0,0 +1,89 @@
+var canvasCounter = 1;
+var pointCloud;
+var ps;
+
+const POINT_CLOUD_PATH = "../../clouds/vibex.psi";
+
+function render(){
+
+  ps.clear();
+  if(canvasCounter !== 4){
+    var c = pointCloud.getCenter();
+    ps.translate(-c[0], -c[1], -c[2]);
+    ps.translate(3, 0, -68);
+    ps.render(pointCloud);
+  }
+
+  if(canvasCounter === 4){
+    ps.uniformi("reflection", true);
+    ps.uniformf("lightPos", [0, -50, 50]);
+    ps.uniformf("uReflection", [.15, .15, .3, .8]);
+    ps.pushMatrix();
+      ps.translate(0, -10, -30);
+      ps.rotateX(0);  
+      ps.translate(0, -0, 0);  
+      ps.scale(1, -1, 1);
+      ps.rotateY(0);
+      ps.render(pointCloud);
+    ps.popMatrix();
+
+    // Draw object
+    ps.uniformi("reflection", false);
+    ps.uniformf("lightPos", [0, 50, 50]);
+    ps.uniformf("uReflection", [1, 1, 1, 1]);
+    ps.pushMatrix();
+      ps.translate(0, -0, -30);
+      ps.rotateX(0);
+      ps.rotateY(0);
+      ps.render(pointCloud);
+    ps.popMatrix();
+  }
+
+
+  if(pointCloud.status === 3){
+    canvasCounter++;
+    start(canvasCounter);
+  }
+};
+
+function start(cvs){
+  ps = new PointStream();
+  ps.setup(document.getElementById(cvs));
+  pointCloud = ps.load(POINT_CLOUD_PATH);
+
+  switch(cvs){
+    // just colors
+    case 1:
+      break;
+
+    case 2:
+      ps.stop(POINT_CLOUD_PATH);
+      pointCloud = ps.load(POINT_CLOUD_PATH);
+      var progObj = ps.createProgram(fixedFunctionVert, fixedFunctionFrag);
+      ps.useProgram(progObj);
+      break;
+
+    case 3:
+      ps.stop(POINT_CLOUD_PATH);
+      pointCloud = ps.load(POINT_CLOUD_PATH);
+      var progObj = ps.createProgram(cartoonVert, cartoonFrag);
+      ps.useProgram(progObj);
+      break;
+
+    case 4:
+      ps.stop(POINT_CLOUD_PATH);
+      pointCloud = ps.load(POINT_CLOUD_PATH);
+      var progObj = ps.createProgram(reflectionVert, reflectionFrag);
+      ps.useProgram(progObj);
+      break;
+
+   // case 5:
+    //  var progObj = ps.createProgram(reflectionVert, reflectionFrag);
+     // ps.useProgram(progObj);
+     // break;    
+
+  }
+
+  ps.pointSize(5);
+  ps.onRender = render;
+}
diff --git a/demos/all_shaders/index.html b/demos/all_shaders/index.html
@@ -0,0 +1,21 @@
+<html>
+  <head>
+    <script src="../../shaders/reflection.js"></script>
+    <script src="../../shaders/fixed_function.js"></script>
+    <script src="../../shaders/cartoon.js"></script>
+    <script src="../../xbps.js"></script>
+    <script src="demo.js"></script>
+    <style>
+    canvas{
+      border: 1px solid black;
+    }
+    </style>
+  </head>
+
+  <body onLoad="start(1);">
+    <canvas id="1" width="300" height="300"></canvas>
+    <canvas id="2" width="300" height="300"></canvas>
+    <canvas id="3" width="300" height="300"></canvas>
+    <canvas id="4" width="300" height="300"></canvas>
+  </body>
+</html>