p5 2.2.1-rc.0 → 2.2.1

package/dist/core/transform.js

@@ -60,8 +60,6 @@ function transform(p5, fn){
    * @chainable
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -77,11 +75,8 @@ function transform(p5, fn){
    *   // Draw the circle at coordinates (0, 0).
    *   circle(0, 0, 40);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -98,11 +93,8 @@ function transform(p5, fn){
    *   // Draw the circle at coordinates (0, 0).
    *   circle(0, 0, 40);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -121,11 +113,8 @@ function transform(p5, fn){
    *   // Draw a rectangle at coordinates (50, 0).
    *   rect(50, 0, 40, 20);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -147,11 +136,8 @@ function transform(p5, fn){
    *   // It appears at (15, 10) after scaling.
    *   square(30, 20, 40);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -171,11 +157,8 @@ function transform(p5, fn){
    *   // Draw the square.
    *   square(0, 0, 50);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * // Click and drag the mouse to view the scene from different angles.
    *
    * function setup() {
@@ -199,8 +182,6 @@ function transform(p5, fn){
    *   // Draw a box.
    *   box();
    * }
-   * </code>
-   * </div>
    */
   /**
    * @method applyMatrix
@@ -249,8 +230,6 @@ function transform(p5, fn){
    * @chainable
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -277,8 +256,6 @@ function transform(p5, fn){
    *   fill('red');
    *   circle(25, 25, 20);
    * }
-   * </code>
-   * </div>
    */
   fn.resetMatrix = function() {
     this._renderer.resetMatrix();
@@ -321,8 +298,6 @@ function transform(p5, fn){
    * @chainable
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -340,11 +315,8 @@ function transform(p5, fn){
    *   // Draw a rectangle at coordinates (50, 0).
    *   rect(50, 0, 40, 20);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -365,11 +337,8 @@ function transform(p5, fn){
    *   // Draw a rectangle at coordinates (50, 0).
    *   rect(50, 0, 40, 20);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -390,11 +359,8 @@ function transform(p5, fn){
    *   // Draw a rectangle at coordinates (50, 0).
    *   rect(50, 0, 40, 20);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -413,11 +379,8 @@ function transform(p5, fn){
    *   // Draw a rectangle at coordinates (50, 0).
    *   rect(50, 0, 40, 20);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100, WEBGL);
    *
@@ -435,11 +398,8 @@ function transform(p5, fn){
    *   // Draw a box.
    *   box();
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100, WEBGL);
    *
@@ -457,8 +417,6 @@ function transform(p5, fn){
    *   // Draw a box.
    *   box();
    * }
-   * </code>
-   * </div>
    */
   fn.rotate = function(angle, axis) {
     // p5._validateParameters('rotate', arguments);
@@ -488,8 +446,6 @@ function transform(p5, fn){
    * @chainable
    *
    * @example
-   * <div>
-   * <code>
    * // Click and drag the mouse to view the scene from different angles.
    *
    * function setup() {
@@ -510,11 +466,8 @@ function transform(p5, fn){
    *   // Draw a box.
    *   box();
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * // Click and drag the mouse to view the scene from different angles.
    *
    * function setup() {
@@ -538,11 +491,8 @@ function transform(p5, fn){
    *   // Draw a box.
    *   box();
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * // Click and drag the mouse to view the scene from different angles.
    *
    * function setup() {
@@ -566,11 +516,8 @@ function transform(p5, fn){
    *   // Draw a box.
    *   box();
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * // Click and drag the mouse to view the scene from different angles.
    *
    * function setup() {
@@ -592,8 +539,6 @@ function transform(p5, fn){
    *   // Draw a box.
    *   box();
    * }
-   * </code>
-   * </div>
    */
   fn.rotateX = function(angle) {
     this._assert3d('rotateX');
@@ -624,8 +569,6 @@ function transform(p5, fn){
    * @chainable
    *
    * @example
-   * <div>
-   * <code>
    * // Click and drag the mouse to view the scene from different angles.
    *
    * function setup() {
@@ -646,11 +589,8 @@ function transform(p5, fn){
    *   // Draw a box.
    *   box();
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * // Click and drag the mouse to view the scene from different angles.
    *
    * function setup() {
@@ -674,11 +614,8 @@ function transform(p5, fn){
    *   // Draw a box.
    *   box();
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * // Click and drag the mouse to view the scene from different angles.
    *
    * function setup() {
@@ -702,11 +639,8 @@ function transform(p5, fn){
    *   // Draw a box.
    *   box();
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * // Click and drag the mouse to view the scene from different angles.
    *
    * function setup() {
@@ -728,8 +662,6 @@ function transform(p5, fn){
    *   // Draw a box.
    *   box();
    * }
-   * </code>
-   * </div>
    */
   fn.rotateY = function(angle) {
     this._assert3d('rotateY');
@@ -760,8 +692,6 @@ function transform(p5, fn){
    * @chainable
    *
    * @example
-   * <div>
-   * <code>
    * // Click and drag the mouse to view the scene from different angles.
    *
    * function setup() {
@@ -782,11 +712,8 @@ function transform(p5, fn){
    *   // Draw a box.
    *   box();
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * // Click and drag the mouse to view the scene from different angles.
    *
    * function setup() {
@@ -810,11 +737,8 @@ function transform(p5, fn){
    *   // Draw a box.
    *   box();
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * // Click and drag the mouse to view the scene from different angles.
    *
    * function setup() {
@@ -838,11 +762,8 @@ function transform(p5, fn){
    *   // Draw a box.
    *   box();
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * // Click and drag the mouse to view the scene from different angles.
    *
    * function setup() {
@@ -864,8 +785,6 @@ function transform(p5, fn){
    *   // Draw a box.
    *   box();
    * }
-   * </code>
-   * </div>
    */
   fn.rotateZ = function(angle) {
     this._assert3d('rotateZ');
@@ -913,8 +832,6 @@ function transform(p5, fn){
    * @chainable
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -936,11 +853,8 @@ function transform(p5, fn){
    *   // It appears at (15, 10) after scaling.
    *   square(30, 20, 40);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -962,11 +876,8 @@ function transform(p5, fn){
    *   // It appears as a rectangle at (15, 26) after scaling.
    *   square(30, 20, 40);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -991,11 +902,8 @@ function transform(p5, fn){
    *   // It appears as a rectangle at (15, 26) after scaling.
    *   square(30, 20, 40);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * // Click and drag the mouse to view the scene from different angles.
    *
    * function setup() {
@@ -1032,8 +940,6 @@ function transform(p5, fn){
    *   fill('blue');
    *   box();
    * }
-   * </code>
-   * </div>
    */
   /**
    * @method scale
@@ -1092,8 +998,6 @@ function transform(p5, fn){
    * @chainable
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1109,11 +1013,8 @@ function transform(p5, fn){
    *   // Draw the square.
    *   square(0, 0, 50);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1132,8 +1033,6 @@ function transform(p5, fn){
    *   // Draw the square.
    *   square(0, 0, 50);
    * }
-   * </code>
-   * </div>
    */
   fn.shearX = function(angle) {
     // p5._validateParameters('shearX', arguments);
@@ -1169,8 +1068,6 @@ function transform(p5, fn){
    * @chainable
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1186,11 +1083,8 @@ function transform(p5, fn){
    *   // Draw the square.
    *   square(0, 0, 50);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1209,8 +1103,6 @@ function transform(p5, fn){
    *   // Draw the square.
    *   square(0, 0, 50);
    * }
-   * </code>
-   * </div>
    */
   fn.shearY = function(angle) {
     // p5._validateParameters('shearY', arguments);
@@ -1261,8 +1153,6 @@ function transform(p5, fn){
    * @chainable
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1278,11 +1168,8 @@ function transform(p5, fn){
    *   // Draw a circle at coordinates (0, 0).
    *   circle(0, 0, 40);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1308,11 +1195,8 @@ function transform(p5, fn){
    *   fill('blue');
    *   circle(0, 0, 40);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1331,11 +1215,8 @@ function transform(p5, fn){
    *   // Draw a circle at coordinates (0, 0).
    *   circle(0, 0, 40);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1354,11 +1235,8 @@ function transform(p5, fn){
    *   // Draw a circle at coordinates (0, 0).
    *   circle(0, 0, 40);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100, WEBGL);
    *
@@ -1387,8 +1265,6 @@ function transform(p5, fn){
    *   fill('blue');
    *   sphere(10);
    * }
-   * </code>
-   * </div>
    */
   /**
    * @method translate
@@ -1548,8 +1424,6 @@ function transform(p5, fn){
    * @method push
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1582,11 +1456,8 @@ function transform(p5, fn){
    *     'Three circles drawn in a row on a gray background. The left and right circles are white with thin, black borders. The middle circle is orange with a thick, blue border.'
    *   );
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1639,11 +1510,8 @@ function transform(p5, fn){
    *   let y = random(0, 100);
    *   text('🦟', x, y);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * // Click and drag the mouse to view the scene from different angles.
    *
    * function setup() {
@@ -1677,8 +1545,6 @@ function transform(p5, fn){
    *   sphere(20);
    *   pop();
    * }
-   * </code>
-   * </div>
    */
   fn.push = function() {
     this._renderer.push();
@@ -1827,8 +1693,6 @@ function transform(p5, fn){
    * @method pop
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1861,11 +1725,8 @@ function transform(p5, fn){
    *     'Three circles drawn in a row on a gray background. The left and right circles are white with thin, black borders. The middle circle is orange with a thick, blue border.'
    *   );
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1918,11 +1779,8 @@ function transform(p5, fn){
    *   let y = random(0, 100);
    *   text('🦟', x, y);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * // Click and drag the mouse to view the scene from different angles.
    *
    * function setup() {
@@ -1956,8 +1814,6 @@ function transform(p5, fn){
    *   sphere(20);
    *   pop();
    * }
-   * </code>
-   * </div>
    */
   fn.pop = function() {
     this._renderer.pop();