updating docs for preload and noloop closes #409

Author: lauren mccarthy

lib/p5.js

@@ -1,4 +1,4 @@
-/*! p5.js v0.3.10 October 21, 2014 */
+/*! p5.js v0.3.10 October 28, 2014 */
 var shim = function (require) {
     window.requestDraw = function () {
       return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback, element) {
@@ -2025,7 +2025,7 @@ var environment = function (require, core, constants) {
         C.WAIT
       ];
     p5.prototype._frameRate = 0;
-    p5.prototype._lastFrameTime = 0;
+    p5.prototype._lastFrameTime = new Date().getTime();
     p5.prototype._targetFrameRate = 60;
     p5.prototype.frameCount = 0;
     p5.prototype.focused = true;

lib/p5.min.js

@@ -54,13 +54,14 @@ define(function (require) {
      * var c;
      * function preload() {  // preload() runs once
      *   img = loadImage('assets/laDefense.jpg');
-     *   noLoop();
      * }
+     * 
      * function setup() {  // setup() waits until preload() is done
      *   img.loadPixels();
      *   // get color of middle pixel
      *   c = img.get(img.width/2, img.height/2);
      * }
+     * 
      * function draw() {
      *   background(c);
      *   image(img, 25, 25, 50, 50);

src/core/core.js

@@ -14,22 +14,59 @@ define(function (require) {
     throw 'exit() not implemented, see remove()';
   };
   /**
-   * Stops p5.js from continuously executing the code within draw(). If loop()
-   * is called, the code in draw() begins to run continuously again. If using
-   * noLoop() in setup(), it should be the last line inside the block.
+   * <p>Stops p5.js from continuously executing the code within draw(). 
+   * If loop() is called, the code in draw() begins to run continuously again. 
+   * If using noLoop() in setup(), it should be the last line inside the block.
+   * </p>
    * 
-   * When noLoop() is used, it's not possible to manipulate or access the
+   * <p>When noLoop() is used, it's not possible to manipulate or access the
    * screen inside event handling functions such as mousePressed() or
    * keyPressed(). Instead, use those functions to call redraw() or loop(),
    * which will run draw(), which can update the screen properly. This means
    * that when noLoop() has been called, no drawing can happen, and functions
-   * like saveFrame() or loadPixels() may not be used.
+   * like saveFrame() or loadPixels() may not be used.</p>
    * 
-   * Note that if the sketch is resized, redraw() will be called to update the
-   * sketch, even after noLoop() has been specified. Otherwise, the sketch
-   * would enter an odd state until loop() was called.
+   * <p>Note that if the sketch is resized, redraw() will be called to update 
+   * the sketch, even after noLoop() has been specified. Otherwise, the sketch
+   * would enter an odd state until loop() was called.</p>
    *
    * @method noLoop
+   * @example
+   * <div><code>
+   * function setup() {
+   *   createCanvas(100, 100);
+   *   background(200);
+   *   noLoop();
+   * }
+
+   * function draw() {
+   *   line(10, 10, 90, 90);
+   * }
+   * </code></div>
+   *
+   * <div><code>
+   * var x = 0;
+   * function setup() {
+   *   createCanvas(100, 100);
+   * }
+   *
+   * function draw() {
+   *   background(204);
+   *   x = x + 0.1;
+   *   if (x > width) {
+   *     x = 0;
+   *   }
+   *   line(x, 0, x, height); 
+   * }
+   * 
+   * function mousePressed() {
+   *   noLoop();
+   * }
+   * 
+   * function mouseReleased() {
+   *   loop();
+   * }
+   * </code></div>
    */
   p5.prototype.noLoop = function() {
     this._loop = false;