edit demos

Author: peteroupc

objmtl.js

@@ -25,7 +25,7 @@ function MtlData(){
  * Creates one or more 3D shapes from the data
  * in this OBJ file.
  * @param {Scene3D} scene 3D scene to load the shape with.
- * @return {Array<Shape>} Array of shapes.
+ * @return {glutil.ShapeGroup} Group of shapes.
  */
 ObjData.prototype.toShape=function(scene){
  var multi=new ShapeGroup();
@@ -43,7 +43,7 @@ ObjData.prototype.toShape=function(scene){
  * @param {Scene3D} scene 3D scene to load the shape with.
  * @param {string} name Name from the OBJ file of the portion
  * of the model to use.
- * @return {Array<Shape>} Array of shapes.
+ * @return {glutil.ShapeGroup} Group of shapes.
  */
 ObjData.prototype.toShapeFromName=function(scene, name){
  var multi=new ShapeGroup();

shapes.html

@@ -17,6 +17,7 @@
   // Create the 3D scene; find the HTML canvas and pass it
   // to Scene3D.
   var scene=new Scene3D(document.getElementById("canvas"));
+  scene.setClearColor("white");
   scene.setOrthoAspect(
    -20,20,
    -10,10,

squares.html

@@ -295,21 +295,23 @@ <h1>Shader Filters</h1>
 }
 
 function platonicGroup(scene){
+  var size=4.5;
+  var dims=size*2/Math.sqrt(3);
   var mesh=Meshes.createBox(dims,dims,dims);
   var group=new ShapeGroup();
   group.addShape(
     scene.makeShape(mesh).setMaterial(shiny("red")).setPosition(-15,5,0))
   // this configuration of a sphere results in an octahedron
-  mesh=Meshes.createSphere(4.5,4,2,true);
+  mesh=Meshes.createSphere(size,4,2,true);
   group.addShape(
     scene.makeShape(mesh).setMaterial(shiny("blue")).setPosition(-5,5,0))
-  mesh=icosahedron(4.5);
+  mesh=icosahedron(size);
   group.addShape(
     scene.makeShape(mesh).setMaterial(shiny("lime")).setPosition(5,5,0))
-  mesh=tetrahedron(4.5);
+  mesh=tetrahedron(size);
   group.addShape(
     scene.makeShape(mesh).setMaterial(shiny("darkorange")).setPosition(15,5,0))
-  mesh=dodecahedron(4.5);
+  mesh=dodecahedron(size);
   group.addShape(
     scene.makeShape(mesh).setMaterial(shiny("yellow")).setPosition(-15,-5,0))
   return group
@@ -326,7 +328,7 @@ <h1>Shader Filters</h1>
     var yy=((y/100)+1)/2
     var mesh=Meshes.createPlane(0.2,0.2);
     group.addShape(scene.makeShape(mesh)
-      .setColor(color ? [0,xx,yy] : "white")
+      .setColor(color ? [0,xx,yy] : [1,0.7,0.7])
       .setPosition(x/100+0.1,y/100+0.1,0));
     color=!color;
    }
@@ -338,7 +340,7 @@ <h1>Shader Filters</h1>
   // Create the 3D scene; find the HTML canvas and pass it
   // to Scene3D.
   var scene=new Scene3D((document.getElementById("canvas")));
-  var dims=4.5*2/Math.sqrt(3);
+  scene.setClearColor("white")
   var blinds=blindsGroup(scene)
   var platonic=platonicGroup(scene)
   linknone();

stl.html

@@ -23,6 +23,7 @@
   // Create the 3D scene; find the HTML canvas and pass it
   // to Scene3D.
   var scene=new Scene3D(document.getElementById("canvas"));
+  scene.setClearColor("white");
   var camera=new Camera(scene,45,1,1000).setDistance(80);
   var mat=new Material("red","red")
   GLUtil.loadStlFromUrl("holder.stl").then(function(mesh){

surfaces.html

@@ -190,6 +190,7 @@
   // Create the 3D scene; find the HTML canvas and pass it
   // to Scene3D.
   var scene=new Scene3D(document.getElementById("canvas"));
+  scene.setClearColor("white")
   var camera=new Camera(scene,45,1,100);
   camera.setDistance(5);
   var material=new Material().setParams({