Update p5.js to v1.10.0

src/content/contributor-docs/en/documentation_style_guide.mdx

@@ -58,7 +58,7 @@ We use YUIDoc to generate the p5.js API documentation. To generate the docs, nav
 $ npm run grunt yui:dev
 ```
 
-The output will appear in docs/reference. Refer to the [inline documentation guide](https://p5js.org/contribute/contributing_to_the_p5js_reference) for more information.
+The output will appear in docs/reference. Refer to the [inline documentation guide](https://github.com/processing/p5.js/blob/main/contributor_docs/contributing_to_the_p5.js_reference/) for more information.
 
 **[⬆ back to top](#table-of-contents)**
 

src/content/people/en/chaski.yaml

@@ -0,0 +1,3 @@
+name: chaski
+url: https://github.com/chhaski
+category: contributor

src/content/people/en/daniel-marino.yaml

@@ -0,0 +1,3 @@
+name: Daniel Marino
+url: http://iamdanielmarino.com
+category: contributor

src/content/people/en/evorage.yaml

@@ -0,0 +1,3 @@
+name: Evorage
+url: https://github.com/Evorage0
+category: contributor

src/content/people/en/manan-arora.yaml

@@ -0,0 +1,3 @@
+name: Manan Arora
+url: https://github.com/Manancode
+category: contributor

src/content/people/en/mr--algorithm.yaml

@@ -0,0 +1,3 @@
+name: Mr. Algorithm
+url: https://github.com/ravixalgorithm
+category: contributor

src/content/people/en/nicholasgillen.yaml

@@ -0,0 +1,3 @@
+name: NicholasGillen
+url: https://github.com/NicholasGillen
+category: contributor

src/content/people/en/sambensim.yaml

@@ -0,0 +1,3 @@
+name: sambensim
+url: https://github.com/sambensim
+category: contributor

src/content/people/en/serena20003.yaml

@@ -0,0 +1,3 @@
+name: Serena20003
+url: https://github.com/Serena20003
+category: contributor

src/content/people/en/shahma-ansari.yaml

@@ -0,0 +1,3 @@
+name: Shahma Ansari
+url: https://github.com/shahmaz0/
+category: contributor

src/content/people/en/souvik-kumar.yaml

@@ -0,0 +1,3 @@
+name: Souvik Kumar
+url: https://github.com/Souvik-Cyclic
+category: contributor

src/content/reference/en/p5.Camera/camera.mdx

@@ -51,7 +51,7 @@ description: >
   the "up"
 
   vector is <code>(0, 1, 0)</code>.</p>
-line: 2695
+line: 2764
 isConstructor: false
 itemtype: method
 example:

src/content/reference/en/p5.Camera/frustum.mdx

@@ -58,7 +58,7 @@ description: >
   the
 
   camera and the origin.</p>
-line: 2282
+line: 2273
 isConstructor: false
 itemtype: method
 example:

src/content/reference/en/p5.Camera/lookAt.mdx

@@ -19,7 +19,7 @@ description: >
   <code>myCamera.lookAt(10, 20, 30)</code> points the camera at the coordinates
 
   <code>(10, 20, 30)</code>.</p>
-line: 2598
+line: 2667
 isConstructor: false
 itemtype: method
 example:

src/content/reference/en/p5.Camera/move.mdx

@@ -16,7 +16,7 @@ description: >
   pixels to the right, 20 pixels down, and 30 pixels backward in its "local"
 
   space.</p>
-line: 2923
+line: 2992
 isConstructor: false
 itemtype: method
 example:

src/content/reference/en/p5.Camera/pan.mdx

@@ -24,7 +24,7 @@ description: >
   <p>Note: Angles are interpreted based on the current
 
   <a href="/reference/p5/angleMode">angleMode()</a>.</p>
-line: 2472
+line: 2541
 isConstructor: false
 itemtype: method
 example:

src/content/reference/en/p5.Camera/roll.mdx

@@ -0,0 +1,82 @@
+---
+title: roll
+module: 3D
+submodule: Camera
+file: src/webgl/p5.Camera.js
+description: >
+  <p>Rotates the camera in a clockwise/counter-clockwise direction.</p>
+
+  <p>Rolling rotates the camera without changing its orientation. The rotation
+
+  happens in the camera’s "local" space.</p>
+
+  <p>The parameter, <code>angle</code>, is the angle the camera should rotate.
+  Passing a
+
+  positive angle, as in <code>myCamera.roll(0.001)</code>, rotates the camera in
+  counter-clockwise direction.
+
+  Passing a negative angle, as in <code>myCamera.roll(-0.001)</code>, rotates
+  the
+
+  camera in clockwise direction.</p>
+
+  <p>Note: Angles are interpreted based on the current
+
+  <a href="/reference/p5/angleMode">angleMode()</a>.</p>
+line: 2463
+isConstructor: false
+itemtype: method
+alt: >-
+  camera view rotates in counter clockwise direction with vertically stacked
+  boxes in front of it.
+example:
+  - |-
+
+    <div>
+    <code>
+    let cam;
+    let delta = 0.01;
+
+    function setup() {
+      createCanvas(100, 100, WEBGL);
+      normalMaterial();
+      // Create a p5.Camera object.
+      cam = createCamera();
+    }
+
+    function draw() {
+      background(200);
+
+      // Roll camera according to angle 'delta'
+      cam.roll(delta);
+
+      translate(0, 0, 0);
+      box(20);
+      translate(0, 25, 0);
+      box(20);
+      translate(0, 26, 0);
+      box(20);
+      translate(0, 27, 0);
+      box(20);
+      translate(0, 28, 0);
+      box(20);
+      translate(0,29, 0);
+      box(20);
+      translate(0, 30, 0);
+      box(20);
+    }
+    </code>
+    </div>
+class: p5.Camera
+params:
+  - name: angle
+    description: |
+      <p>amount to rotate camera in current
+      <a href="#/p5/angleMode">angleMode</a> units.</p>
+    type: Number
+chainable: false
+---
+
+
+# roll

src/content/reference/en/p5.Camera/set.mdx

@@ -13,7 +13,7 @@ description: >
 
   <code>cam2.set(cam1)</code> will set <code>cam2</code> using
   <code>cam1</code>’s configuration.</p>
-line: 3174
+line: 3243
 isConstructor: false
 itemtype: method
 example:

src/content/reference/en/p5.Camera/setPosition.mdx

@@ -16,7 +16,7 @@ description: >
 
   places the camera at coordinates <code>(10, 20, 30)</code> in "world"
   space.</p>
-line: 3020
+line: 3089
 isConstructor: false
 itemtype: method
 example:

src/content/reference/en/p5.Camera/slerp.mdx

@@ -42,7 +42,7 @@ description: >
   close to <code>cam1</code>’s.</p>
 
   <p>Note: All of the cameras must use the same projection.</p>
-line: 3252
+line: 3320
 isConstructor: false
 itemtype: method
 example:

src/content/reference/en/p5.Camera/tilt.mdx

@@ -24,7 +24,7 @@ description: >
   <p>Note: Angles are interpreted based on the current
 
   <a href="/reference/p5/angleMode">angleMode()</a>.</p>
-line: 2535
+line: 2604
 isConstructor: false
 itemtype: method
 example:

src/content/reference/en/p5.Color/setAlpha.mdx

@@ -18,34 +18,6 @@ itemtype: method
 example:
   - |-
 
-    <div>
-    <code>
-    function setup() {
-      createCanvas(100, 100);
-
-      background(200);
-
-      // Create a p5.Color object.
-      let c = color(255, 128, 128);
-
-      // Draw the left rectangle.
-      noStroke();
-      fill(c);
-      rect(15, 20, 35, 60);
-
-      // Change the alpha value.
-      c.setAlpha(128);
-
-      // Draw the right rectangle.
-      fill(c);
-      rect(50, 20, 35, 60);
-
-      describe('Two rectangles. The left one is salmon pink and the right one is faded pink.');
-    }
-    </code>
-    </div>
-  - |-
-
     <div>
     <code>
     function setup() {

src/content/reference/en/p5.Element/addClass.mdx

@@ -5,7 +5,7 @@ submodule: DOM
 file: src/dom/dom.js
 description: |
   <p>Adds a class to the element.</p>
-line: 2535
+line: 2536
 isConstructor: false
 itemtype: method
 example:

src/content/reference/en/p5.Element/attribute.mdx

@@ -38,7 +38,7 @@ description: >
   horizontal
 
   alignment to <code>center</code>.</p>
-line: 3256
+line: 3257
 isConstructor: false
 itemtype: method
 example:
@@ -80,12 +80,12 @@ return:
   description: value of the attribute.
   type: String
 overloads:
-  - line: 3256
+  - line: 3257
     params: []
     return:
       description: value of the attribute.
       type: String
-  - line: 3311
+  - line: 3312
     params:
       - name: attr
         description: |

src/content/reference/en/p5.Element/center.mdx

@@ -15,7 +15,7 @@ description: >
   is aligned
 
   both vertically and horizontally.</p>
-line: 2808
+line: 2809
 isConstructor: false
 itemtype: method
 example:

src/content/reference/en/p5.Element/child.mdx

@@ -14,7 +14,7 @@ description: >
   array of
 
   children DOM nodes is returned.</p>
-line: 2703
+line: 2704
 isConstructor: false
 itemtype: method
 example:
@@ -92,12 +92,12 @@ return:
   description: an array of child nodes.
   type: 'Node[]'
 overloads:
-  - line: 2703
+  - line: 2704
     params: []
     return:
       description: an array of child nodes.
       type: 'Node[]'
-  - line: 2783
+  - line: 2784
     params:
       - name: child
         description: |

src/content/reference/en/p5.Element/draggable.mdx

@@ -12,7 +12,7 @@ description: >
 
   <code>myElement.draggable(otherElement)</code>, the other element will become
   draggable.</p>
-line: 3926
+line: 3927
 isConstructor: false
 itemtype: method
 example:

src/content/reference/en/p5.Element/drop.mdx

@@ -25,7 +25,7 @@ description: >
 
   <a
   href="https://developer.mozilla.org/en-US/docs/Web/API/DragEvent">DragEvent</a>.</p>
-line: 3771
+line: 3772
 isConstructor: false
 itemtype: method
 example:

src/content/reference/en/p5.Element/hasClass.mdx

@@ -5,7 +5,7 @@ submodule: DOM
 file: src/dom/dom.js
 description: |
   <p>Checks if a class is already applied to element.</p>
-line: 2617
+line: 2618
 isConstructor: false
 itemtype: method
 example:

src/content/reference/en/p5.Element/hide.mdx

@@ -5,7 +5,7 @@ submodule: DOM
 file: src/dom/dom.js
 description: |
   <p>Hides the current element.</p>
-line: 3510
+line: 3511
 isConstructor: false
 itemtype: method
 example:

src/content/reference/en/p5.Element/html.mdx

@@ -18,7 +18,7 @@ description: >
   element's inner
 
   HTML is returned.</p>
-line: 2874
+line: 2875
 isConstructor: false
 itemtype: method
 example:
@@ -82,12 +82,12 @@ return:
   description: the inner HTML of the element
   type: String
 overloads:
-  - line: 2874
+  - line: 2875
     params: []
     return:
       description: the inner HTML of the element
       type: String
-  - line: 2943
+  - line: 2944
     params:
       - name: html
         description: |

src/content/reference/en/p5.Element/position.mdx

@@ -28,7 +28,7 @@ description: >
   returns
 
   the element's position in an object, as in <code>{ x: 0, y: 0 }</code>.</p>
-line: 2961
+line: 2962
 isConstructor: false
 itemtype: method
 example:
@@ -70,12 +70,12 @@ return:
   description: 'object of form `{ x: 0, y: 0 }` containing the element''s position.'
   type: Object
 overloads:
-  - line: 2961
+  - line: 2962
     params: []
     return:
       description: 'object of form `{ x: 0, y: 0 }` containing the element''s position.'
       type: Object
-  - line: 3012
+  - line: 3013
     params:
       - name: x
         description: |