Merge pull request #2968 from TanviKumar/test-io

Change loadModel() example

Author: kjhollen

docs/yuidoc-p5-theme/assets/octahedron.obj

@@ -0,0 +1,16 @@
+v 0.000000E+00 0.000000E+00 40.0000
+v 22.5000 22.5000 0.000000E+00
+v 22.5000 -22.5000 0.000000E+00
+v -22.5000 -22.5000 0.000000E+00
+v -22.5000 22.5000 0.000000E+00
+v 0.000000E+00 0.000000E+00 -40.0000
+
+f     1 2 3
+f     1 3 4
+f     1 4 5
+f     1 5 2
+f     6 5 4
+f     6 4 3
+f     6 3 2
+f     6 2 1
+f     6 1 5

src/webgl/loading.js

@@ -35,11 +35,38 @@ require('./p5.Geometry');
  * @example
  * <div>
  * <code>
+ * //draw a spinning octahedron
+ * var octahedron;
+ *
+ * function preload() {
+ *   octahedron = loadModel('assets/octahedron.obj');
+ * }
+ *
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *   rotateX(frameCount * 0.01);
+ *   rotateY(frameCount * 0.01);
+ *   model(octahedron);
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * Vertically rotating 3-d octahedron.
+ *
+ * @example
+ * <div>
+ * <code>
  * //draw a spinning teapot
  * var teapot;
  *
  * function preload() {
- *   teapot = loadModel('assets/teapot.obj');
+ *   // Load model with normalise parameter set to true
+ *   teapot = loadModel('assets/teapot.obj', true);
  * }
  *
  * function setup() {
@@ -48,8 +75,10 @@ require('./p5.Geometry');
  *
  * function draw() {
  *   background(200);
+ *   scale(0.4); // Scaled to make model fit into canvas
  *   rotateX(frameCount * 0.01);
  *   rotateY(frameCount * 0.01);
+ *   normalMaterial(); // For effect
  *   model(teapot);
  * }
  * </code>