p5 1.11.10 → 1.11.11

package/README.md

@@ -101,6 +101,7 @@ Lead/Mentor Alumni
 | Friendly Errors | [@IIITM-Jay](https://github.com/IIITM-Jay) |
 | Graphics (p5.strands) | [@lukeplowden](https://github.com/lukeplowden) |
 | Graphics (WebGL) | [@RandomGamingDev](https://github.com/RandomGamingDev), [@aferriss](https://github.com/aferriss), [@davepagurek](https://github.com/davepagurek), [@lukeplowden](https://github.com/lukeplowden), [@perminder-17](https://github.com/perminder-17) |
+| i18n (es) | [@marioguzzzman](https://github.com/marioguzzzman) |
 | i18n (hi) | [@Divyansh013](https://github.com/Divyansh013), [@takshittt](https://github.com/takshittt) |
 | i18n (ko) | [@hana-cho](https://github.com/hana-cho) |
 | i18n (zh) | [@limzykenneth](https://github.com/limzykenneth), [@lirenjie95](https://github.com/lirenjie95) |
@@ -1163,18 +1164,34 @@ We recognize all types of contributions. This project follows the [all-contribut
     <tr>
       <td align="center" valign="top" width="16.66%"><a href="https://github.com/shivasankaran18"><img src="https://avatars.githubusercontent.com/u/148421597?v=4?s=64" width="64px;" alt="Shiva"/><br /><sub><b>Shiva</b></sub></a><br /><a href="https://github.com/processing/p5.js/commits?author=shivasankaran18" title="Documentation">📖</a></td>
       <td align="center" valign="top" width="16.66%"><a href="https://github.com/madhav2348"><img src="https://avatars.githubusercontent.com/u/161720210?v=4?s=64" width="64px;" alt="Madhav Majumdar"/><br /><sub><b>Madhav Majumdar</b></sub></a><br /><a href="https://github.com/processing/p5.js/commits?author=madhav2348" title="Code">💻</a></td>
+      <td align="center" valign="top" width="16.66%"><a href="https://github.com/eslteacher902010"><img src="https://avatars.githubusercontent.com/u/210183195?v=4?s=64" width="64px;" alt="eslteacher902010"/><br /><sub><b>eslteacher902010</b></sub></a><br /><a href="https://github.com/processing/p5.js/commits?author=eslteacher902010" title="Code">💻</a></td>
       <td align="center" valign="top" width="16.66%"><a href="https://github.com/nking07049925"><img src="https://avatars.githubusercontent.com/u/11886663?v=4?s=64" width="64px;" alt="Nikita Korol"/><br /><sub><b>Nikita Korol</b></sub></a><br /><a href="https://github.com/processing/p5.js/commits?author=nking07049925" title="Code">💻</a></td>
       <td align="center" valign="top" width="16.66%"><a href="https://github.com/skools-here"><img src="https://avatars.githubusercontent.com/u/174816600?v=4?s=64" width="64px;" alt="skools-here"/><br /><sub><b>skools-here</b></sub></a><br /><a href="https://github.com/processing/p5.js/commits?author=skools-here" title="Code">💻</a></td>
       <td align="center" valign="top" width="16.66%"><a href="https://leetcode.com/u/mudit_mah/"><img src="https://avatars.githubusercontent.com/u/140621191?v=4?s=64" width="64px;" alt="Mudit Maheshwari"/><br /><sub><b>Mudit Maheshwari</b></sub></a><br /><a href="https://github.com/processing/p5.js/commits?author=mudit06mah" title="Documentation">📖</a></td>
-      <td align="center" valign="top" width="16.66%"><a href="http://acgillette.net"><img src="https://avatars.githubusercontent.com/u/18038450?v=4?s=64" width="64px;" alt="AC"/><br /><sub><b>AC</b></sub></a><br /><a href="https://github.com/processing/p5.js/commits?author=acgillette" title="Code">💻</a></td>
     </tr>
     <tr>
+      <td align="center" valign="top" width="16.66%"><a href="http://acgillette.net"><img src="https://avatars.githubusercontent.com/u/18038450?v=4?s=64" width="64px;" alt="AC"/><br /><sub><b>AC</b></sub></a><br /><a href="https://github.com/processing/p5.js/commits?author=acgillette" title="Code">💻</a></td>
       <td align="center" valign="top" width="16.66%"><a href="https://darrenshaw.org"><img src="https://avatars.githubusercontent.com/u/157414?v=4?s=64" width="64px;" alt="Darren Shaw"/><br /><sub><b>Darren Shaw</b></sub></a><br /><a href="https://github.com/processing/p5.js/commits?author=shawdm" title="Documentation">📖</a></td>
       <td align="center" valign="top" width="16.66%"><a href="http://ericrabinowitz.com/"><img src="https://avatars.githubusercontent.com/u/3066943?v=4?s=64" width="64px;" alt="Eric Rabinowitz"/><br /><sub><b>Eric Rabinowitz</b></sub></a><br /><a href="https://github.com/processing/p5.js/commits?author=ericrav" title="Documentation">📖</a></td>
       <td align="center" valign="top" width="16.66%"><a href="https://github.com/abuharish02"><img src="https://avatars.githubusercontent.com/u/111338069?v=4?s=64" width="64px;" alt="Abu Harish Faridi"/><br /><sub><b>Abu Harish Faridi</b></sub></a><br /><a href="https://github.com/processing/p5.js/commits?author=abuharish02" title="Documentation">📖</a></td>
       <td align="center" valign="top" width="16.66%"><a href="https://github.com/vivekbopaliya"><img src="https://avatars.githubusercontent.com/u/122638553?v=4?s=64" width="64px;" alt="Vivek"/><br /><sub><b>Vivek</b></sub></a><br /><a href="https://github.com/processing/p5.js/commits?author=vivekbopaliya" title="Code">💻</a> <a href="#design-vivekbopaliya" title="Design">🎨</a> <a href="#userTesting-vivekbopaliya" title="User Testing">📓</a> <a href="#blog-vivekbopaliya" title="Blogposts">📝</a></td>
       <td align="center" valign="top" width="16.66%"><a href="https://github.com/Iron-56"><img src="https://avatars.githubusercontent.com/u/79905912?v=4?s=64" width="64px;" alt="Nandu Krishna"/><br /><sub><b>Nandu Krishna</b></sub></a><br /><a href="https://github.com/processing/p5.js/issues?q=author%3AIron-56" title="Bug reports">🐛</a> <a href="https://github.com/processing/p5.js/commits?author=Iron-56" title="Code">💻</a></td>
+    </tr>
+    <tr>
       <td align="center" valign="top" width="16.66%"><a href="https://dorinetipo.vercel.app/"><img src="https://avatars.githubusercontent.com/u/105214329?v=4?s=64" width="64px;" alt="Dorine Tipo "/><br /><sub><b>Dorine Tipo </b></sub></a><br /><a href="#blog-MissTipo" title="Blogposts">📝</a> <a href="https://github.com/processing/p5.js/commits?author=MissTipo" title="Code">💻</a> <a href="#eventOrganizing-MissTipo" title="Event Organizing">📋</a> <a href="#research-MissTipo" title="Research">🔬</a> <a href="#promotion-MissTipo" title="Promotion">📣</a> <a href="#tutorial-MissTipo" title="Tutorials">✅</a></td>
+      <td align="center" valign="top" width="16.66%"><a href="https://github.com/hana-cho"><img src="https://avatars.githubusercontent.com/u/51312538?v=4?s=64" width="64px;" alt="Hana Cho"/><br /><sub><b>Hana Cho</b></sub></a><br /><a href="#translation-hana-cho" title="Translation">🌍</a></td>
+      <td align="center" valign="top" width="16.66%"><a href="https://kangjung.github.io/game/index.html"><img src="https://avatars.githubusercontent.com/u/28768760?v=4?s=64" width="64px;" alt="JUNGMIN KANG"/><br /><sub><b>JUNGMIN KANG</b></sub></a><br /><a href="#translation-kangjung" title="Translation">🌍</a></td>
+      <td align="center" valign="top" width="16.66%"><a href="https://github.com/AlzaAlzaki76"><img src="https://avatars.githubusercontent.com/u/202525131?v=4?s=64" width="64px;" alt="Alza Alzaki"/><br /><sub><b>Alza Alzaki</b></sub></a><br /><a href="https://github.com/processing/p5.js/commits?author=AlzaAlzaki76" title="Documentation">📖</a></td>
+      <td align="center" valign="top" width="16.66%"><a href="https://github.com/Abhayaj247"><img src="https://avatars.githubusercontent.com/u/139991819?v=4?s=64" width="64px;" alt="Abhay M Joshi"/><br /><sub><b>Abhay M Joshi</b></sub></a><br /><a href="https://github.com/processing/p5.js/commits?author=Abhayaj247" title="Documentation">📖</a></td>
+      <td align="center" valign="top" width="16.66%"><a href="https://github.com/Homaid"><img src="https://avatars.githubusercontent.com/u/69979731?v=4?s=64" width="64px;" alt="Homaid"/><br /><sub><b>Homaid</b></sub></a><br /><a href="#a11y-Homaid" title="Accessibility">️️️️♿️</a> <a href="https://github.com/processing/p5.js/commits?author=Homaid" title="Code">💻</a></td>
+    </tr>
+    <tr>
+      <td align="center" valign="top" width="16.66%"><a href="https://github.com/junseok44"><img src="https://avatars.githubusercontent.com/u/81099627?v=4?s=64" width="64px;" alt="JangJunseok"/><br /><sub><b>JangJunseok</b></sub></a><br /><a href="https://github.com/processing/p5.js/commits?author=junseok44" title="Code">💻</a></td>
+      <td align="center" valign="top" width="16.66%"><a href="http://charlotte.fyi"><img src="https://avatars.githubusercontent.com/u/10366310?v=4?s=64" width="64px;" alt="charlotte 🌸"/><br /><sub><b>charlotte 🌸</b></sub></a><br /><a href="https://github.com/processing/p5.js/commits?author=tychedelia" title="Code">💻</a></td>
+      <td align="center" valign="top" width="16.66%"><a href="https://github.com/reshma045"><img src="https://avatars.githubusercontent.com/u/77575603?v=4?s=64" width="64px;" alt="Reshma R"/><br /><sub><b>Reshma R</b></sub></a><br /><a href="https://github.com/processing/p5.js/commits?author=reshma045" title="Code">💻</a></td>
+      <td align="center" valign="top" width="16.66%"><a href="https://github.com/Somnath-Mishra"><img src="https://avatars.githubusercontent.com/u/120735604?v=4?s=64" width="64px;" alt="Somnath Mishra"/><br /><sub><b>Somnath Mishra</b></sub></a><br /><a href="https://github.com/processing/p5.js/commits?author=Somnath-Mishra" title="Code">💻</a></td>
+      <td align="center" valign="top" width="16.66%"><a href="https://github.com/ayushman1210"><img src="https://avatars.githubusercontent.com/u/138183570?v=4?s=64" width="64px;" alt="Ayushman"/><br /><sub><b>Ayushman</b></sub></a><br /><a href="https://github.com/processing/p5.js/commits?author=ayushman1210" title="Code">💻</a></td>
+      <td align="center" valign="top" width="16.66%"><a href="https://mannu.live"><img src="https://avatars.githubusercontent.com/u/117009138?v=4?s=64" width="64px;" alt="Manpreet Singh"/><br /><sub><b>Manpreet Singh</b></sub></a><br /><a href="https://github.com/processing/p5.js/commits?author=MannuVilasara" title="Code">💻</a></td>
     </tr>
   </tbody>
 </table>

package/lib/addons/p5.sound.js

@@ -10979,7 +10979,7 @@ function gain_createClass(Constructor, protoProps, staticProps) { if (protoProps
  *  @example
  *  <div><code>
  *
- *  // load two soundfile and crossfade beetween them
+ *  // load two soundfile and crossfade between them
  *  let sound1,sound2;
  *  let sound1Gain, sound2Gain, mixGain;
  *  function preload(){

package/lib/p5.js

@@ -1,4 +1,4 @@
-/*! p5.js v1.11.10 August 23, 2025 */
+/*! p5.js v1.11.11 October 20, 2025 */
 (function (f) {
   if (typeof exports === 'object' && typeof module !== 'undefined') {
     module.exports = f()
@@ -2842,7 +2842,7 @@
                 {
                   'name': 'event',
                   'description': '<p>optional resize Event.</p>\n',
-                  'type': 'UIEvent',
+                  'type': 'Event',
                   'optional': true
                 }
               ],
@@ -53305,7 +53305,15 @@
         //updates gridOutput
 
         _main.default.prototype._updateGridOutput = function (idT) {
-          //if html structure is not there yet
+          // Check if the current rendering mode is WEBGL
+          if (this._renderer && this._renderer instanceof _main.default.RendererGL) {
+            if (!this._didOutputGridWebGLMessage) {
+              this._didOutputGridWebGLMessage = true;
+              console.error('gridOutput() does not yet work in WebGL mode.');
+            }
+            return;
+          }          //if html structure is not there yet
+
           if (!this.dummyDOM.querySelector('#'.concat(idT, '_summary'))) {
             return;
           }
@@ -53520,6 +53528,15 @@
  * <a href="https://p5js.org/tutorials/writing-accessible-canvas-descriptions/">Writing accessible canvas descriptions</a>
  * to learn more about making sketches accessible.
  *
+ * `textOutput()` generates descriptions in English only. Text drawn with
+ * <a href="#/p5/text">text()</a> is not described. Shapes created with
+ * <a href="#/p5/beginShape">beginShape()</a> are not described. WEBGL mode
+ * and 3D shapes are not supported.
+ *
+ * Use <a href="#/p5/describe">describe()</a> and
+ * <a href="#/p5/describeElement">describeElement()</a> for more control
+ * over canvas descriptions.
+ *
  * @method textOutput
  * @param  {Constant} [display] either FALLBACK or LABEL.
  *
@@ -53565,6 +53582,10 @@
  *
  * <div>
  * <code>
+ * function setup() {
+ *   createCanvas(100, 100);
+ * }
+ *
  * function draw() {
  *   // Add the text description.
  *   textOutput();
@@ -53585,6 +53606,10 @@
  *
  * <div>
  * <code>
+ * function setup() {
+ *   createCanvas(100, 100);
+ * }
+ *
  * function draw() {
  *   // Add the text description and
  *   // display it for debugging.
@@ -53654,6 +53679,15 @@
  * <a href="https://p5js.org/tutorials/writing-accessible-canvas-descriptions/">Writing accessible canvas descriptions</a>
  * to learn more about making sketches accessible.
  *
+ * `gridOutput()` generates descriptions in English only. Text drawn with
+ * <a href="#/p5/text">text()</a> is not described. Shapes created with
+ * <a href="#/p5/beginShape">beginShape()</a> are not described. WEBGL mode
+ * and 3D shapes are not supported.
+ *
+ * Use <a href="#/p5/describe">describe()</a> and
+ * <a href="#/p5/describeElement">describeElement()</a> for more control
+ * over canvas descriptions.
+ *
  * @method gridOutput
  * @param  {Constant} [display] either FALLBACK or LABEL.
  *
@@ -53699,6 +53733,10 @@
  *
  * <div>
  * <code>
+ * function setup() {
+ *   createCanvas(100, 100);
+ * }
+ *
  * function draw() {
  *   // Add the grid description.
  *   gridOutput();
@@ -53719,6 +53757,10 @@
  *
  * <div>
  * <code>
+ * function setup() {
+ *   createCanvas(100, 100);
+ * }
+ *
  * function draw() {
  *   // Add the grid description and
  *   // display it for debugging.
@@ -53959,7 +54001,7 @@
               include
             ];
             //if other shapes of this type have been created
-          } else if (this.ingredients.shapes[f] !== [include]) {
+          } else {
             //for every shape of this type
             for (var y in this.ingredients.shapes[f]) {
               //compare it with current shape and if it already exists make add false
@@ -54156,7 +54198,15 @@
         //updates textOutput
 
         _main.default.prototype._updateTextOutput = function (idT) {
-          //if html structure is not there yet
+          // Check if the current rendering mode is WEBGL
+          if (this._renderer && this._renderer instanceof _main.default.RendererGL) {
+            if (!this._didOutputTextWebGLMessage) {
+              this._didOutputTextWebGLMessage = true;
+              console.error('textOutput() does not yet work in WebGL mode.');
+            }
+            return;
+          }          //if html structure is not there yet
+
           if (!this.dummyDOM.querySelector('#'.concat(idT, '_summary'))) {
             return;
           }
@@ -58022,6 +58072,11 @@
  * in RGB values. Calling `background(255, 204, 0)` sets the background a bright
  * yellow color.
  *
+ * The version of `background()` with four parameters interprets them as RGBA,
+ * HSBA, or HSLA colors, depending on the current
+ * <a href="#/p5/colorMode">colorMode()</a>. The last parameter sets the alpha
+ * (transparency) value.
+ *
  * @method background
  * @param {p5.Color} color  any value created by the <a href="#/p5/color">color()</a> function
  * @chainable
@@ -58070,6 +58125,19 @@
  * function setup() {
  *   createCanvas(100, 100);
  *
+ *   // R, G, B, and Alpha values.
+ *   background(255, 0, 0, 128);
+ *
+ *   describe('A canvas with a semi-transparent red background.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100);
+ *
  *   // Use HSB color.
  *   colorMode(HSB);
  *
@@ -58564,6 +58632,10 @@
  * <a href="#/p5/colorMode">colorMode()</a>. The default color space is RGB,
  * with each value in the range from 0 to 255.
  *
+ * The version of `fill()` with four parameters interprets them as `RGBA`, `HSBA`,
+ * or `HSLA` colors, depending on the current <a href="#/p5/colorMode">colorMode()</a>. The last parameter
+ * sets the alpha (transparency) value.
+ *
  * @method fill
  * @param  {Number}        v1      red value if color mode is RGB or hue value if color mode is HSB.
  * @param  {Number}        v2      green value if color mode is RGB or saturation value if color mode is HSB.
@@ -58608,6 +58680,22 @@
  * function setup() {
  *   createCanvas(100, 100);
  *
+ *   background(200);
+ *
+ *   // R, G, B, and Alpha values.
+ *   fill(255, 0, 0, 128);
+ *   square(20, 20, 60);
+ *
+ *   describe('A semi-transparent red square with a black outline.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100);
+ *
  *   background(100);
  *
  *   // Use HSB color.
@@ -58898,7 +58986,7 @@
  * Sets the color used to draw points, lines, and the outlines of shapes.
  *
  * Calling `stroke(255, 165, 0)` or `stroke('orange')` means all shapes drawn
- * after calling `stroke()` will be filled with the color orange. The way
+ * after calling `stroke()` will be outlined with the color orange. The way
  * these parameters are interpreted may be changed with the
  * <a href="#/p5/colorMode">colorMode()</a> function.
  *
@@ -59309,7 +59397,7 @@
  * @property {String} VERSION
  * @final
  */
-        var VERSION = '1.11.10';
+        var VERSION = '1.11.11';
         // GRAPHICS RENDERER
         /**
  * The default, two-dimensional renderer.
@@ -61421,7 +61509,7 @@
  * can be used for debugging or other purposes.
  *
  * @method windowResized
- * @param {UIEvent} [event] optional resize Event.
+ * @param {Event} [event] optional resize Event.
  * @example
  * <div class="norender">
  * <code>
@@ -63803,7 +63891,7 @@
           var fesCodeReader = function fesCodeReader() {
             //moveAhead will determine if a match is found outside
             //the setup and draw function. If a match is found then
-            //to prevent further potential reporting we will exit immidiately
+            //to prevent further potential reporting we will exit immediately
             var moveAhead = globalConstFuncCheck();
             if (moveAhead) return;
             var code = '';
@@ -63959,7 +64047,7 @@
                   line = line.replace(/eval code/g, 'eval').replace(/(\(eval at [^()]*)|(\),.*$)/g, '');
                 }
                 var sanitizedLine = line.replace(/^\s+/, '').replace(/\(eval code/g, '(');
-                // capture and preseve the parenthesized location "(/foo/my bar.js:12:87)" in
+                // capture and preserve the parenthesized location "(/foo/my bar.js:12:87)" in
                 // case it has spaces in it, as the string is split on \s+ later on
                 var location = sanitizedLine.match(/ (\((.+):(\d+):(\d+)\)$)/);
                 // remove the parenthesized location from the line, if it was matched
@@ -65363,6 +65451,7 @@
         _dereq_('core-js/modules/es.regexp.exec');
         _dereq_('core-js/modules/es.string.includes');
         _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.string.replace');
         _dereq_('core-js/modules/es.string.split');
         _dereq_('core-js/modules/web.dom-collections.iterator');
         _dereq_('core-js/modules/es.array.includes');
@@ -65375,6 +65464,7 @@
         _dereq_('core-js/modules/es.regexp.exec');
         _dereq_('core-js/modules/es.string.includes');
         _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.string.replace');
         _dereq_('core-js/modules/es.string.split');
         _dereq_('core-js/modules/web.dom-collections.iterator');
         Object.defineProperty(exports, '__esModule', {
@@ -65383,6 +65473,7 @@
         exports.setTranslatorLanguage = exports.currentTranslatorLanguage = exports.availableTranslatorLanguages = exports.initialize = exports.translator = void 0;
         var _i18next = _interopRequireDefault(_dereq_('i18next'));
         var _i18nextBrowserLanguagedetector = _interopRequireDefault(_dereq_('i18next-browser-languagedetector'));
+        var _constants = _dereq_('./constants');
         function _interopRequireDefault(obj) {
           return obj && obj.__esModule ? obj : {
           default:
@@ -65562,7 +65653,9 @@
             },
             backend: {
               fallback: 'en',
-              loadPath: 'https://cdn.jsdelivr.net/npm/p5/translations/{{lng}}/{{ns}}.json'
+              // ensure that the FES internationalization strings are loaded
+              // from the latest patch of the current minor version of p5.js
+              loadPath: 'https://cdn.jsdelivr.net/npm/p5@'.concat(_constants.VERSION.replace(/^(\d+\.\d+)\.\d+.*$/, '$1'), '/translations/{{lng}}/{{ns}}.json')
             },
             partialBundledLanguages: true,
             resources: fallbackResources
@@ -65606,6 +65699,7 @@
       {
         '../../translations': 369,
         '../../translations/dev': undefined,
+        './constants': 294,
         'core-js/modules/es.array.includes': 181,
         'core-js/modules/es.array.iterator': 183,
         'core-js/modules/es.array.join': 184,
@@ -65616,6 +65710,7 @@
         'core-js/modules/es.regexp.exec': 213,
         'core-js/modules/es.string.includes': 217,
         'core-js/modules/es.string.iterator': 218,
+        'core-js/modules/es.string.replace': 222,
         'core-js/modules/es.string.split': 224,
         'core-js/modules/web.dom-collections.iterator': 264,
         'i18next': 275,
@@ -72679,8 +72774,7 @@
  * The fifth and sixth parameters, `start` and `stop`, set the angles
  * between which to draw the arc. Arcs are always drawn clockwise from
  * `start` to `stop`. The fifth and sixth parameters, start and stop, set the
- * angles between which to draw the arc. Arcs are always drawn clockwise from
- * start to stop. By default, angles are given in radians, but if angleMode
+ * angles between which to draw the arc. By default, angles are given in radians, but if angleMode
  * (DEGREES) is set, the function interprets the values in degrees.
  *
  * The seventh parameter, `mode`, is optional. It determines the arc's fill
@@ -77290,7 +77384,7 @@
           return this;
         };
         /**
- * Begins adding vertices to a custom shape.
+ * Stops adding vertices to a custom shape.
  *
  * The <a href="#/p5/beginShape">beginShape()</a> and `endShape()` functions
  * allow for creating custom shapes in 2D or 3D.
@@ -77365,6 +77459,37 @@
  *
  * <div>
  * <code>
+ * function setup() {
+ *   createCanvas(200, 100);
+ *
+ *   background(240);
+ *
+ *   noFill();
+ *   stroke(0);
+ *
+ *   // Open shape (left)
+ *   beginShape();
+ *   vertex(20, 20);
+ *   vertex(80, 20);
+ *   vertex(80, 80);
+ *   endShape();  // Not closed
+ *
+ *   // Closed shape (right)
+ *   beginShape();
+ *   vertex(120, 20);
+ *   vertex(180, 20);
+ *   vertex(180, 80);
+ *   endShape(CLOSE);  // Closed
+ *
+ *   describe(
+ *     'Two right-angled shapes on a light gray background. The left shape is open with three lines. The right shape is closed, forming a triangle.'
+ *   );
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
  * // Note: A "uniform" is a global variable within a shader program.
  *
  * // Create a string with the vertex shader program.
@@ -80628,7 +80753,7 @@
  * function draw() {
  *   background(200);
  *
- *   // Shear the coordinate system along the x-axis.
+ *   // Shear the coordinate system along the y-axis.
  *   shearY(QUARTER_PI);
  *
  *   // Draw the square.
@@ -80651,7 +80776,7 @@
  * function draw() {
  *   background(200);
  *
- *   // Shear the coordinate system along the x-axis.
+ *   // Shear the coordinate system along the y-axis.
  *   shearY(45);
  *
  *   // Draw the square.
@@ -114198,7 +114323,7 @@
                   var xoff = 0;
                   x = xOriginal;
                   var line = lines[i];
-                  line = line.replace('\t', '  ');
+                  line = line.replace(/\t/g, '  ');
                   var glyphs = this._getGlyphs(line);
                   for (var j = 0; j < glyphs.length; j++) {
                     if (!isSpace(j, line, glyphs)) {