tag:github.com,2008:https://github.com/processing/p5.js/releases Release notes from p5.js 2026-03-16T20:30:40Z tag:github.com,2008:Repository/8424040/v2.2.3-rc.1 2026-03-16T20:53:21Z v2.2.3-rc.1 <h2>What's Changed</h2> <p>This is a <strong>release candidate</strong> (RC), which means it is not yet live on the p5.js Editor. Please help us to improve the stability of the newest version of p5.js by trying out this release candidate, and reporting bugs. <strong>To test this patch, you can use this <a href="https://editor.p5js.org/ksen0/sketches/h0kEgpMA-" rel="nofollow">starter sketch</a></strong>.</p> <div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;script src=&quot;https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.js&quot;&gt;&lt;/script&gt; &lt;script src=&quot;https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.webgpu.js&quot;&gt;&lt;/script&gt;"><pre><span class="pl-kos">&lt;</span><span class="pl-ent">script</span> <span class="pl-c1">src</span>="<span class="pl-s">https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.js</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span> <span class="pl-kos">&lt;</span><span class="pl-ent">script</span> <span class="pl-c1">src</span>="<span class="pl-s">https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.webgpu.js</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span></pre></div> <h3>What's Changed 🎊</h3> <ul> <li>Fix a bug where shared strands variables are detected in the wrong spot by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/davepagurek/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/davepagurek">@davepagurek</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="4073829581" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8641" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8641/hovercard" href="https://github.com/processing/p5.js/pull/8641">#8641</a></li> <li>add <code>export default p5</code> at end of global.d.ts by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/nbogie/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/nbogie">@nbogie</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3668145100" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8299" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8299/hovercard" href="https://github.com/processing/p5.js/pull/8299">#8299</a></li> <li>change strands examples to use millis() not uniform by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/nbogie/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/nbogie">@nbogie</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="4079957369" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8648" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8648/hovercard" href="https://github.com/processing/p5.js/pull/8648">#8648</a></li> </ul> <p><strong>Full Changelog</strong>: <a class="commit-link" href="https://github.com/processing/p5.js/compare/v2.2.3-rc.0...v2.2.3-rc.1"><tt>v2.2.3-rc.0...v2.2.3-rc.1</tt></a></p> p5js-bot tag:github.com,2008:Repository/8424040/v2.2.3-rc.0 2026-03-14T16:38:33Z v2.2.3-rc.0 <h2>What's Changed</h2> <p>This is a <strong>release candidate</strong> (RC), which means it is not yet live on the p5.js Editor. Please help us to improve the stability of the newest version of p5.js by trying out this release candidate, and reporting bugs. <strong>To test this patch, you can use this <a href="https://editor.p5js.org/ksen0/sketches/CUFnQBQYK" rel="nofollow">starter sketch</a></strong>.</p> <div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;script src=&quot;https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.js&quot;&gt;&lt;/script&gt; &lt;script src=&quot;https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.webgpu.js&quot;&gt;&lt;/script&gt;"><pre><span class="pl-kos">&lt;</span><span class="pl-ent">script</span> <span class="pl-c1">src</span>="<span class="pl-s">https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.js</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span> <span class="pl-kos">&lt;</span><span class="pl-ent">script</span> <span class="pl-c1">src</span>="<span class="pl-s">https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.webgpu.js</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span></pre></div> <h3>What's Changed 🎊</h3> <ul> <li>fix: createGraphics inherits pixelDensity from parent sketch. by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/imrinahru/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/imrinahru">@imrinahru</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3976477789" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8558" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8558/hovercard" href="https://github.com/processing/p5.js/pull/8558">#8558</a></li> <li>Handle booleans used as temp variables in p5.strands by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/davepagurek/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/davepagurek">@davepagurek</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3972838867" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8548" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8548/hovercard" href="https://github.com/processing/p5.js/pull/8548">#8548</a></li> <li>Fix usage of perspective() with no args by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/davepagurek/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/davepagurek">@davepagurek</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3985451302" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8564" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8564/hovercard" href="https://github.com/processing/p5.js/pull/8564">#8564</a></li> <li>Implement public decorator API by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/limzykenneth/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/limzykenneth">@limzykenneth</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3750114183" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8353" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8353/hovercard" href="https://github.com/processing/p5.js/pull/8353">#8353</a></li> <li>fix strands filterColor example by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/nbogie/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/nbogie">@nbogie</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3990788469" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8569" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8569/hovercard" href="https://github.com/processing/p5.js/pull/8569">#8569</a></li> <li>Reset mouseIsPressed on window blur by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/avinxshKD/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/avinxshKD">@avinxshKD</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3977495953" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8559" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8559/hovercard" href="https://github.com/processing/p5.js/pull/8559">#8559</a></li> <li>Avoid unnecessary texture copies and fix flipped webcams in WebGL by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/davepagurek/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/davepagurek">@davepagurek</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3996348127" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8572" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8572/hovercard" href="https://github.com/processing/p5.js/pull/8572">#8572</a></li> <li>Handle strands set() calls in branches and loops by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/davepagurek/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/davepagurek">@davepagurek</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="4004806451" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8576" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8576/hovercard" href="https://github.com/processing/p5.js/pull/8576">#8576</a></li> <li>Fix filter() crash on createGraphics(WEBGL) by mirroring strands API … by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/aashu2006/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/aashu2006">@aashu2006</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3990296497" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8568" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8568/hovercard" href="https://github.com/processing/p5.js/pull/8568">#8568</a></li> <li>skip FES checks on internal calls by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/avinxshKD/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/avinxshKD">@avinxshKD</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3919606793" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8517" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8517/hovercard" href="https://github.com/processing/p5.js/pull/8517">#8517</a></li> <li>Update contributing_to_the_p5js_reference for p5 v2 by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/nbogie/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/nbogie">@nbogie</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3863443120" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8462" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8462/hovercard" href="https://github.com/processing/p5.js/pull/8462">#8462</a></li> </ul> <h2>New Contributors</h2> <ul> <li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/imrinahru/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/imrinahru">@imrinahru</a> made their first contribution in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3976477789" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8558" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8558/hovercard" href="https://github.com/processing/p5.js/pull/8558">#8558</a></li> </ul> <p><strong>Full Changelog</strong>: <a class="commit-link" href="https://github.com/processing/p5.js/compare/v2.2.2...v2.2.3-rc.0"><tt>v2.2.2...v2.2.3-rc.0</tt></a></p> p5js-bot tag:github.com,2008:Repository/8424040/v1.11.12-rc.1 2026-03-10T22:01:29Z v1.11.12-rc.1 <h2>What's Changed 🎊</h2> <p>The next patch will contain various documentation improvements and WEBGL bugfixes. Highlight: the README now contain a single image of all the contributor icons! This allows both visibility and faster loading.</p> <p>This is a <strong>release candidate</strong> (RC), which means it is not yet live on the p5.js Editor. Please help us to improve the stability of the newest version of p5.js by trying out this release candidate, and reporting bugs. <strong>To test this patch, you can use this <a href="https://editor.p5js.org/ksen0/sketches/TkR0djkae" rel="nofollow">starter sketch</a></strong>!</p> <div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;script src=&quot;https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.js&quot;&gt;&lt;/script&gt;"><pre><span class="pl-kos">&lt;</span><span class="pl-ent">script</span> <span class="pl-c1">src</span>="<span class="pl-s">https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.js</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span></pre></div> <h3>Bugfixes (WEBGL)</h3> <ul> <li>fix: background(image) support in WEBGL by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/reshma045/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/reshma045">@reshma045</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3735236669" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8333" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8333/hovercard" href="https://github.com/processing/p5.js/pull/8333">#8333</a></li> <li>Suppress stroke warnings during buildGeometry by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/skyash-dev/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/skyash-dev">@skyash-dev</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3808931911" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8411" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8411/hovercard" href="https://github.com/processing/p5.js/pull/8411">#8411</a></li> <li>Fix WebGL shader and texture memory leak on sketch removal by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/Sanchit2662/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/Sanchit2662">@Sanchit2662</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3817248214" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8418" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8418/hovercard" href="https://github.com/processing/p5.js/pull/8418">#8418</a></li> <li>Add support for negative vertex indices in OBJ loader by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/avinxshKD/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/avinxshKD">@avinxshKD</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3913233774" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8507" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8507/hovercard" href="https://github.com/processing/p5.js/pull/8507">#8507</a></li> <li>WebGL: Apply per‑vertex stroke color to POINTS by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/yugalkaushik/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/yugalkaushik">@yugalkaushik</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3776614474" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8380" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8380/hovercard" href="https://github.com/processing/p5.js/pull/8380">#8380</a></li> </ul> <h3>Docs and Error Messages</h3> <ul> <li>Update CONTRIBUTING.md links and add Discord invitation by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/RishiAhuja/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/RishiAhuja">@RishiAhuja</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3543769395" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8190" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8190/hovercard" href="https://github.com/processing/p5.js/pull/8190">#8190</a></li> <li>Docs: fix typos and anchors by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/nivanovvv/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/nivanovvv">@nivanovvv</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3562534703" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8216" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8216/hovercard" href="https://github.com/processing/p5.js/pull/8216">#8216</a></li> <li>docs: add nivanovvv as a contributor for doc by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/allcontributors/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/allcontributors">@allcontributors</a>[bot] in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3563016376" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8217" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8217/hovercard" href="https://github.com/processing/p5.js/pull/8217">#8217</a></li> <li>Add <code>AGENTS.md</code> by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/SableRaf/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/SableRaf">@SableRaf</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3549188563" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8194" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8194/hovercard" href="https://github.com/processing/p5.js/pull/8194">#8194</a></li> <li>Add title to CONTRIBUTORS.md by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/davepagurek/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/davepagurek">@davepagurek</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3593293552" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8233" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8233/hovercard" href="https://github.com/processing/p5.js/pull/8233">#8233</a></li> <li>docs: add nbogie as a contributor for bug, and code by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/allcontributors/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/allcontributors">@allcontributors</a>[bot] in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3593355690" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8234" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8234/hovercard" href="https://github.com/processing/p5.js/pull/8234">#8234</a></li> <li>docs: add SoundOfScooting as a contributor for code, and doc by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/allcontributors/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/allcontributors">@allcontributors</a>[bot] in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3603752377" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8242" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8242/hovercard" href="https://github.com/processing/p5.js/pull/8242">#8242</a></li> <li>Improve Accessibility Guidance for <code>describe()</code> Usage (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3441931987" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8101" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8101/hovercard" href="https://github.com/processing/p5.js/pull/8101">#8101</a>) by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/ksen0/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/ksen0">@ksen0</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3608237640" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8247" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8247/hovercard" href="https://github.com/processing/p5.js/pull/8247">#8247</a></li> <li>docs: add VANSH3104 as a contributor for code by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/allcontributors/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/allcontributors">@allcontributors</a>[bot] in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3618449349" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8258" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8258/hovercard" href="https://github.com/processing/p5.js/pull/8258">#8258</a></li> <li>docs: add menacingly-coded as a contributor for doc by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/allcontributors/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/allcontributors">@allcontributors</a>[bot] in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3662219593" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8292" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8292/hovercard" href="https://github.com/processing/p5.js/pull/8292">#8292</a></li> <li>docs: add Homaid as a contributor for doc by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/allcontributors/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/allcontributors">@allcontributors</a>[bot] in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3667291996" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8298" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8298/hovercard" href="https://github.com/processing/p5.js/pull/8298">#8298</a></li> <li>Fix zh-Hans reference link by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/nivanovvv/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/nivanovvv">@nivanovvv</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3638403174" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8275" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8275/hovercard" href="https://github.com/processing/p5.js/pull/8275">#8275</a></li> <li>docs: add Itsrajsk as a contributor for code by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/allcontributors/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/allcontributors">@allcontributors</a>[bot] in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3677416129" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8306" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8306/hovercard" href="https://github.com/processing/p5.js/pull/8306">#8306</a></li> <li>Updated point() examples for visible points in main branch. by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/menacingly-coded/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/menacingly-coded">@menacingly-coded</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3677006609" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8305" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8305/hovercard" href="https://github.com/processing/p5.js/pull/8305">#8305</a></li> <li>Fix JSDoc return type for p5.Vector.cross by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/Geethegreat/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/Geethegreat">@Geethegreat</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3738569684" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8336" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8336/hovercard" href="https://github.com/processing/p5.js/pull/8336">#8336</a></li> <li>docs: add Geethegreat as a contributor for code by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/allcontributors/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/allcontributors">@allcontributors</a>[bot] in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3744057004" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8347" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8347/hovercard" href="https://github.com/processing/p5.js/pull/8347">#8347</a></li> <li>docs: add Piyushrathoree as a contributor for code by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/allcontributors/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/allcontributors">@allcontributors</a>[bot] in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3748109266" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8350" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8350/hovercard" href="https://github.com/processing/p5.js/pull/8350">#8350</a></li> <li>docs: add Aayushdev18 as a contributor for code by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/allcontributors/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/allcontributors">@allcontributors</a>[bot] in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3764248356" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8362" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8362/hovercard" href="https://github.com/processing/p5.js/pull/8362">#8362</a></li> <li>Docs/fix broken links by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/skyash-dev/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/skyash-dev">@skyash-dev</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3800133813" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8399" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8399/hovercard" href="https://github.com/processing/p5.js/pull/8399">#8399</a></li> <li>docs: add rakesh2OO5 as a contributor for code by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/allcontributors/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/allcontributors">@allcontributors</a>[bot] in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3801799179" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8403" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8403/hovercard" href="https://github.com/processing/p5.js/pull/8403">#8403</a></li> <li>docs: add doradocodes as a contributor for review by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/allcontributors/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/allcontributors">@allcontributors</a>[bot] in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3830452012" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8425" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8425/hovercard" href="https://github.com/processing/p5.js/pull/8425">#8425</a></li> <li>docs: add Nwakaego-Ego as a contributor for review by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/allcontributors/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/allcontributors">@allcontributors</a>[bot] in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3833230549" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8427" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8427/hovercard" href="https://github.com/processing/p5.js/pull/8427">#8427</a></li> <li>docs: add vietnguyen2358 as a contributor for code by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/allcontributors/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/allcontributors">@allcontributors</a>[bot] in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3840559726" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8432" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8432/hovercard" href="https://github.com/processing/p5.js/pull/8432">#8432</a></li> <li>feat: add accTitle/accDescr to class diagram in WebGL architecture doc by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/coseeian/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/coseeian">@coseeian</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3774008655" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8373" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8373/hovercard" href="https://github.com/processing/p5.js/pull/8373">#8373</a></li> <li>docs: add shuklaaryan367-byte as a contributor for code by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/allcontributors/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/allcontributors">@allcontributors</a>[bot] in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3844204055" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8433" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8433/hovercard" href="https://github.com/processing/p5.js/pull/8433">#8433</a></li> <li>Add Nwakaego-Ego and doradocodes to stewards.yml by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/ksen0/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/ksen0">@ksen0</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3862734739" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8460" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8460/hovercard" href="https://github.com/processing/p5.js/pull/8460">#8460</a></li> <li>chore: update README table from stewards.yml by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/ksen0/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/ksen0">@ksen0</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3862750492" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8461" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8461/hovercard" href="https://github.com/processing/p5.js/pull/8461">#8461</a></li> <li>docs: add avinxshKD as a contributor for code by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/allcontributors/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/allcontributors">@allcontributors</a>[bot] in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3882731589" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8483" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8483/hovercard" href="https://github.com/processing/p5.js/pull/8483">#8483</a></li> <li>Add Iron-56 as p5.js-web-editor steward by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/Iron-56/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/Iron-56">@Iron-56</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3887353244" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8486" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8486/hovercard" href="https://github.com/processing/p5.js/pull/8486">#8486</a></li> <li>chore: update README table from stewards.yml by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/ksen0/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/ksen0">@ksen0</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3890772525" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8488" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8488/hovercard" href="https://github.com/processing/p5.js/pull/8488">#8488</a></li> <li>docs: add aashu2006 as a contributor for doc by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/allcontributors/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/allcontributors">@allcontributors</a>[bot] in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3853899581" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8452" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8452/hovercard" href="https://github.com/processing/p5.js/pull/8452">#8452</a></li> <li>Remove deprecated, unmaintained vscode extension "npm" from recommendations (main) by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/nbogie/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/nbogie">@nbogie</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3906836562" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8498" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8498/hovercard" href="https://github.com/processing/p5.js/pull/8498">#8498</a></li> <li>Improve WebGL font error message to suggest textFont() usage by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/yugalkaushik/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/yugalkaushik">@yugalkaushik</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3896199797" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8494" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8494/hovercard" href="https://github.com/processing/p5.js/pull/8494">#8494</a></li> <li>docs: add Sanchit2662 as a contributor for code by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/allcontributors/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/allcontributors">@allcontributors</a>[bot] in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3911394288" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8503" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8503/hovercard" href="https://github.com/processing/p5.js/pull/8503">#8503</a></li> <li>docs: add LuLaValva as a contributor for bug, and code by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/allcontributors/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/allcontributors">@allcontributors</a>[bot] in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3913608127" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8511" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8511/hovercard" href="https://github.com/processing/p5.js/pull/8511">#8511</a></li> <li>docs: add saurabh24thakur as a contributor for code, and test by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/allcontributors/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/allcontributors">@allcontributors</a>[bot] in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3929345966" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8524" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8524/hovercard" href="https://github.com/processing/p5.js/pull/8524">#8524</a></li> <li>Fix typo in createCanvas() reference example by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/kajal-jotwani/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/kajal-jotwani">@kajal-jotwani</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3937964836" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8527" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8527/hovercard" href="https://github.com/processing/p5.js/pull/8527">#8527</a></li> <li>feat: generate contributors PNG for README by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/skyash-dev/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/skyash-dev">@skyash-dev</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3866671715" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8466" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8466/hovercard" href="https://github.com/processing/p5.js/pull/8466">#8466</a></li> <li>chore: update contributors.png from .all-contributorsrc by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/ksen0/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/ksen0">@ksen0</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3954315740" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8536" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8536/hovercard" href="https://github.com/processing/p5.js/pull/8536">#8536</a></li> <li>Added p5.js Web Editor as an area for stewardship by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/ksen0/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/ksen0">@ksen0</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3953373580" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8535" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8535/hovercard" href="https://github.com/processing/p5.js/pull/8535">#8535</a></li> <li>docs: add imrinahru as a contributor for bug, code, and test by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/allcontributors/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/allcontributors">@allcontributors</a>[bot] in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3978698494" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8561" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8561/hovercard" href="https://github.com/processing/p5.js/pull/8561">#8561</a></li> <li>chore: update contributors.png from .all-contributorsrc by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/ksen0/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/ksen0">@ksen0</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3978720193" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8562" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8562/hovercard" href="https://github.com/processing/p5.js/pull/8562">#8562</a></li> <li>Add a link to the v2 guide to contributing to the reference by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/nbogie/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/nbogie">@nbogie</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="4046426822" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8625" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8625/hovercard" href="https://github.com/processing/p5.js/pull/8625">#8625</a></li> <li>docs: add skyash-dev as a contributor for code by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/allcontributors/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/allcontributors">@allcontributors</a>[bot] in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3855924002" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8455" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8455/hovercard" href="https://github.com/processing/p5.js/pull/8455">#8455</a></li> <li>docs: add jjnawaaz as a contributor for doc by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/allcontributors/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/allcontributors">@allcontributors</a>[bot] in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3887772811" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8487" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8487/hovercard" href="https://github.com/processing/p5.js/pull/8487">#8487</a></li> <li>chore: update contributors.png from .all-contributorsrc by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/p5js-bot/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/p5js-bot">@p5js-bot</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="4054218353" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8632" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8632/hovercard" href="https://github.com/processing/p5.js/pull/8632">#8632</a></li> <li>Update README by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/ksen0/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/ksen0">@ksen0</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="4054257399" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8633" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8633/hovercard" href="https://github.com/processing/p5.js/pull/8633">#8633</a></li> <li>Add doradocodes to Maintainers team by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/ksen0/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/ksen0">@ksen0</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="4054274503" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8634" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8634/hovercard" href="https://github.com/processing/p5.js/pull/8634">#8634</a></li> <li>chore: update README table from stewards.yml by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/p5js-bot/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/p5js-bot">@p5js-bot</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="4054288596" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8635" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8635/hovercard" href="https://github.com/processing/p5.js/pull/8635">#8635</a></li> </ul> <h2>New Contributors</h2> <ul> <li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/RishiAhuja/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/RishiAhuja">@RishiAhuja</a> made their first contribution in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3543769395" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8190" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8190/hovercard" href="https://github.com/processing/p5.js/pull/8190">#8190</a></li> <li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/nivanovvv/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/nivanovvv">@nivanovvv</a> made their first contribution in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3562534703" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8216" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8216/hovercard" href="https://github.com/processing/p5.js/pull/8216">#8216</a></li> <li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/coseeian/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/coseeian">@coseeian</a> made their first contribution in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3774008655" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8373" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8373/hovercard" href="https://github.com/processing/p5.js/pull/8373">#8373</a></li> <li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/Sanchit2662/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/Sanchit2662">@Sanchit2662</a> made their first contribution in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3817248214" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8418" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8418/hovercard" href="https://github.com/processing/p5.js/pull/8418">#8418</a></li> <li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/kajal-jotwani/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/kajal-jotwani">@kajal-jotwani</a> made their first contribution in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3937964836" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8527" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8527/hovercard" href="https://github.com/processing/p5.js/pull/8527">#8527</a></li> <li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/p5js-bot/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/p5js-bot">@p5js-bot</a> made their first contribution in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="4054218353" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8632" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8632/hovercard" href="https://github.com/processing/p5.js/pull/8632">#8632</a></li> </ul> <p><strong>Full Changelog</strong>: <a class="commit-link" href="https://github.com/processing/p5.js/compare/v1.11.11...v1.11.12-rc.1"><tt>v1.11.11...v1.11.12-rc.1</tt></a></p> p5js-bot tag:github.com,2008:Repository/8424040/v2.2.2 2026-02-26T17:00:33Z v2.2.2 <h2>What's Changed</h2> <p>This patch focuses on bugfixes, particularly on WebGPU performance and p5.strands. The goal is that all p5.strands shaders work with both WebGPU and WebGL canvases. This patch also adds <code>millis()</code> support inside strands code.</p> <p><strong>To use this patch, you can use this <a href="https://editor.p5js.org/ksen0/sketches/GSqWCzDFi" rel="nofollow">starter sketch</a></strong>!</p> <p>Or load both p5.js and WebGPU mode by adding these two script tags to your sketch:</p> <div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;script src=&quot;https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.js&quot;&gt;&lt;/script&gt; &lt;script src=&quot;https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.webgpu.js&quot;&gt;&lt;/script&gt;"><pre><span class="pl-kos">&lt;</span><span class="pl-ent">script</span> <span class="pl-c1">src</span>="<span class="pl-s">https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.js</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span> <span class="pl-kos">&lt;</span><span class="pl-ent">script</span> <span class="pl-c1">src</span>="<span class="pl-s">https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.webgpu.js</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span></pre></div> <p>Then load WebGPU mode in <code>createCanvas</code> - <strong>note the <code>async/await</code></strong>, this is needed for WebGPU but not WebGL:</p> <div class="highlight highlight-source-js notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="async function setup() { await createCanvas(400, 400, WEBGPU); }"><pre><span class="pl-k">async</span> <span class="pl-k">function</span> <span class="pl-en">setup</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-kos">{</span> <span class="pl-k">await</span> <span class="pl-en">createCanvas</span><span class="pl-kos">(</span><span class="pl-c1">400</span><span class="pl-kos">,</span> <span class="pl-c1">400</span><span class="pl-kos">,</span> <span class="pl-c1">WEBGPU</span><span class="pl-kos">)</span><span class="pl-kos">;</span> <span class="pl-kos">}</span></pre></div> <p>If you take any existing sketch, such as from <a href="https://beta.p5js.org/tutorials/intro-to-p5-strands/" rel="nofollow">the intro to strands tutorial</a>, iyou can switch from <code>WEBGL</code> to <code>WEBGPU</code> (<code>async/await</code> will be needed!)</p> <p>Read more about how the WebGPU-based renderer works and where we plan on taking it <a href="https://github.com/processing/p5.js/blob/dev-2.0/contributor_docs/webgpu.md">here</a>!</p> <h3><code>millis()</code> supported in p5.strands</h3> <p>Here is a sketch (thanks <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/perminder-17/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/perminder-17">@perminder-17</a>!) showing <code>millis()</code> being used inside a strands shader. Previously, <code>const t = uniformFloat(() =&gt; millis());</code> was needed. This can still be used, but you can instead use <code>millis()</code> directly:</p> <div class="highlight highlight-source-js notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="// p5.js (WEBGL) sketch showing millis() driving a wavy displacement let mat; function setup() { createCanvas(600, 400, WEBGL); pixelDensity(1); mat = baseMaterialShader().modify(() =&gt; { // displace geometry in world-space based on y + time getWorldInputs((inputs) =&gt; { const wave = sin(inputs.position.y * 0.05 + millis() * 0.004); inputs.position += [20, 25, 20] * wave; return inputs; }); }); } function draw() { background(15); orbitControl(); // lights so the material shader looks nice ambientLight(40); directionalLight(255, 255, 255, 0.3, 0.6, -1); // apply the modified material shader + draw some geometry shader(mat); noStroke(); // some rotation so you can see the displacement depth rotateY(frameCount * 0.01); rotateX(-0.25); // a tall shape so Y-based waves are obvious sphere(120, 80, 60); }"><pre><span class="pl-c">// p5.js (WEBGL) sketch showing millis() driving a wavy displacement</span> <span class="pl-k">let</span> <span class="pl-s1">mat</span><span class="pl-kos">;</span> <span class="pl-k">function</span> <span class="pl-en">setup</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-kos">{</span> <span class="pl-en">createCanvas</span><span class="pl-kos">(</span><span class="pl-c1">600</span><span class="pl-kos">,</span> <span class="pl-c1">400</span><span class="pl-kos">,</span> <span class="pl-c1">WEBGL</span><span class="pl-kos">)</span><span class="pl-kos">;</span> <span class="pl-en">pixelDensity</span><span class="pl-kos">(</span><span class="pl-c1">1</span><span class="pl-kos">)</span><span class="pl-kos">;</span> <span class="pl-s1">mat</span> <span class="pl-c1">=</span> <span class="pl-en">baseMaterialShader</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">modify</span><span class="pl-kos">(</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-kos">{</span> <span class="pl-c">// displace geometry in world-space based on y + time</span> <span class="pl-en">getWorldInputs</span><span class="pl-kos">(</span><span class="pl-kos">(</span><span class="pl-s1">inputs</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-kos">{</span> <span class="pl-k">const</span> <span class="pl-s1">wave</span> <span class="pl-c1">=</span> <span class="pl-en">sin</span><span class="pl-kos">(</span><span class="pl-s1">inputs</span><span class="pl-kos">.</span><span class="pl-c1">position</span><span class="pl-kos">.</span><span class="pl-c1">y</span> <span class="pl-c1">*</span> <span class="pl-c1">0.05</span> <span class="pl-c1">+</span> <span class="pl-en">millis</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">*</span> <span class="pl-c1">0.004</span><span class="pl-kos">)</span><span class="pl-kos">;</span> <span class="pl-s1">inputs</span><span class="pl-kos">.</span><span class="pl-c1">position</span> <span class="pl-c1">+=</span> <span class="pl-kos">[</span><span class="pl-c1">20</span><span class="pl-kos">,</span> <span class="pl-c1">25</span><span class="pl-kos">,</span> <span class="pl-c1">20</span><span class="pl-kos">]</span> <span class="pl-c1">*</span> <span class="pl-s1">wave</span><span class="pl-kos">;</span> <span class="pl-k">return</span> <span class="pl-s1">inputs</span><span class="pl-kos">;</span> <span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span> <span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span> <span class="pl-kos">}</span> <span class="pl-k">function</span> <span class="pl-en">draw</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-kos">{</span> <span class="pl-en">background</span><span class="pl-kos">(</span><span class="pl-c1">15</span><span class="pl-kos">)</span><span class="pl-kos">;</span> <span class="pl-en">orbitControl</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span> <span class="pl-c">// lights so the material shader looks nice</span> <span class="pl-en">ambientLight</span><span class="pl-kos">(</span><span class="pl-c1">40</span><span class="pl-kos">)</span><span class="pl-kos">;</span> <span class="pl-en">directionalLight</span><span class="pl-kos">(</span><span class="pl-c1">255</span><span class="pl-kos">,</span> <span class="pl-c1">255</span><span class="pl-kos">,</span> <span class="pl-c1">255</span><span class="pl-kos">,</span> <span class="pl-c1">0.3</span><span class="pl-kos">,</span> <span class="pl-c1">0.6</span><span class="pl-kos">,</span> <span class="pl-c1">-</span><span class="pl-c1">1</span><span class="pl-kos">)</span><span class="pl-kos">;</span> <span class="pl-c">// apply the modified material shader + draw some geometry</span> <span class="pl-en">shader</span><span class="pl-kos">(</span><span class="pl-s1">mat</span><span class="pl-kos">)</span><span class="pl-kos">;</span> <span class="pl-en">noStroke</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span> <span class="pl-c">// some rotation so you can see the displacement depth</span> <span class="pl-en">rotateY</span><span class="pl-kos">(</span><span class="pl-s1">frameCount</span> <span class="pl-c1">*</span> <span class="pl-c1">0.01</span><span class="pl-kos">)</span><span class="pl-kos">;</span> <span class="pl-en">rotateX</span><span class="pl-kos">(</span><span class="pl-c1">-</span><span class="pl-c1">0.25</span><span class="pl-kos">)</span><span class="pl-kos">;</span> <span class="pl-c">// a tall shape so Y-based waves are obvious</span> <span class="pl-en">sphere</span><span class="pl-kos">(</span><span class="pl-c1">120</span><span class="pl-kos">,</span> <span class="pl-c1">80</span><span class="pl-kos">,</span> <span class="pl-c1">60</span><span class="pl-kos">)</span><span class="pl-kos">;</span> <span class="pl-kos">}</span></pre></div> <h3>What does p5.strands make possible?</h3> <p>(Special thanks to <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/davepagurek/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/davepagurek">@davepagurek</a> for creating the sketches! Excerpted from a blog post about 2.2 updates.)</p> <a target="_blank" rel="noopener noreferrer" href="https://private-user-images.githubusercontent.com/1304340/555457512-406f9dec-6589-42dd-adde-5116fed183dd.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzM3MDE1MDgsIm5iZiI6MTc3MzcwMTIwOCwicGF0aCI6Ii8xMzA0MzQwLzU1NTQ1NzUxMi00MDZmOWRlYy02NTg5LTQyZGQtYWRkZS01MTE2ZmVkMTgzZGQucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDMxNiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjAzMTZUMjI0NjQ4WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NDZmOGQ5ODhlYTNjODZkMzk1YThjMThlZmFmNTUxMTY0ZDE0NGNmYzJmYzkwYjQ3N2JkODM4Y2JmMTBhOGFlZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.se2YkoNILuxD0p8eYvR86VgRthI4J-Q411GDDBjx7B4"><img width="200" alt="image" src="https://private-user-images.githubusercontent.com/1304340/555457512-406f9dec-6589-42dd-adde-5116fed183dd.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzM3MDE1MDgsIm5iZiI6MTc3MzcwMTIwOCwicGF0aCI6Ii8xMzA0MzQwLzU1NTQ1NzUxMi00MDZmOWRlYy02NTg5LTQyZGQtYWRkZS01MTE2ZmVkMTgzZGQucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDMxNiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjAzMTZUMjI0NjQ4WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NDZmOGQ5ODhlYTNjODZkMzk1YThjMThlZmFmNTUxMTY0ZDE0NGNmYzJmYzkwYjQ3N2JkODM4Y2JmMTBhOGFlZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.se2YkoNILuxD0p8eYvR86VgRthI4J-Q411GDDBjx7B4" content-type-secured-asset="image/png" style="max-width: 100%;"></a> <p>First, consider <a href="https://editor.p5js.org/davepagurek/sketches/s9l80gISI" rel="nofollow">this sketch</a>, which uses JavaScript loops to draw a cube of cubes. It is only 40 lines, but if there are many more cubes, it will slow down very much. If it is running smoothly, try changing all the β€œ15” to a higher and higher number, such as β€œ30.” As the scene grows, the sketch performance will suffer very noticeably.</p> <p>The purpose of shader is to use parallel, GPU-based computation to speed this up. Instead of for loops, here is <a href="https://editor.p5js.org/davepagurek/sketches/5iSuJWHIN" rel="nofollow">a second version</a> of the same sketch using GLSL. It is 200 lines of code, and, if you are not familiar with GLSL, may be very difficult to read. Look for the β€œ15” here, too, and try changing it to a larger number, like β€œ30” or beyond. The shader-based animation remains smooth, showing the performance benefits of GPU rendering.</p> <p>Finally, <a href="https://editor.p5js.org/davepagurek/sketches/UfP9NTFYQ" rel="nofollow">the p5.strands version of this sketch</a> combines a more accessible, readable style of JavaScript with the performance of GLSL.</p> <p>With the introduction of the WebGPU-based renderer, p5.strands sketches can seamlessly switch between <code>WEBGL</code> or <code>WEBGPU</code> renderer. <a href="https://editor.p5js.org/ksen0/sketches/zvbSaPsnN" rel="nofollow">Here</a> is the same example as above, but using the WebGPU-based renderer. The only changes needed were to use <code>async/await</code> with <code>createCanvas(...)</code>, and to import both the main library and the <a href="http://p5.webgpu.js/" rel="nofollow">p5.webgpu.js</a> add-on:</p> <div class="highlight highlight-source-js notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content=" &lt;script src=&quot;https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.js&quot;&gt;&lt;/script&gt; &lt;script src=&quot;https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.webgpu.js&quot;&gt;&lt;/script&gt;"><pre> <span class="pl-c1">&lt;</span><span class="pl-s1">script</span> <span class="pl-c1">src</span><span class="pl-c1">=</span><span class="pl-s">"https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.js"</span><span class="pl-c1">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-s1">script</span><span class="pl-c1">&gt;</span> <span class="pl-c1">&lt;</span><span class="pl-s1">script</span> <span class="pl-s1">src</span><span class="pl-c1">=</span><span class="pl-s">"https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.webgpu.js"</span><span class="pl-c1">&gt;</span><span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-s1">script</span><span class="pl-c1">&gt;</span></pre></div> <h3>All Changes</h3> <ul> <li>Refactor global node handling and add millis function by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/perminder-17/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/perminder-17">@perminder-17</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3944533076" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8530" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8530/hovercard" href="https://github.com/processing/p5.js/pull/8530">#8530</a></li> <li>2.0 strands docs: add simple noise() example for buildFilterShader by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/nbogie/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/nbogie">@nbogie</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3927946075" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8521" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8521/hovercard" href="https://github.com/processing/p5.js/pull/8521">#8521</a></li> <li>Sketch verifier: parse using the latest supported ECMAScript version by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/dontwanttothink/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/dontwanttothink">@dontwanttothink</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3928079958" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8522" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8522/hovercard" href="https://github.com/processing/p5.js/pull/8522">#8522</a></li> <li>Add support for negative vertex indices in OBJ loader for 2.x by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/avinxshKD/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/avinxshKD">@avinxshKD</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3914804330" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8512" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8512/hovercard" href="https://github.com/processing/p5.js/pull/8512">#8512</a></li> <li>Fix Show actual type in strands hook error messages by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/Anshumancanrock/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/Anshumancanrock">@Anshumancanrock</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3912456378" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8505" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8505/hovercard" href="https://github.com/processing/p5.js/pull/8505">#8505</a></li> <li>Improve WebGL font error message to suggest textFont() usage by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/yugalkaushik/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/yugalkaushik">@yugalkaushik</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3915742370" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8513" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8513/hovercard" href="https://github.com/processing/p5.js/pull/8513">#8513</a></li> <li>Fix/webgpu crash pixel density by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/saurabh24thakur/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/saurabh24thakur">@saurabh24thakur</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3881206200" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8476" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8476/hovercard" href="https://github.com/processing/p5.js/pull/8476">#8476</a></li> <li>Fix WebGPU bugs surfaced by the Intro to Strands tutorial by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/davepagurek/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/davepagurek">@davepagurek</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3955494580" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8538" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8538/hovercard" href="https://github.com/processing/p5.js/pull/8538">#8538</a></li> <li>Fix build*Shader methods in instance mode by forwarding optional scope by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/aashu2006/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/aashu2006">@aashu2006</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3928802263" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8523" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8523/hovercard" href="https://github.com/processing/p5.js/pull/8523">#8523</a></li> <li>Fix broken reference links in lerpColor() documentation (p5.js 2.0) by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/rakesh2OO5/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/rakesh2OO5">@rakesh2OO5</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3920584291" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8518" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8518/hovercard" href="https://github.com/processing/p5.js/pull/8518">#8518</a></li> <li>Fix WebGPU filter shader parameters being named differently than in WebGL by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/davepagurek/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/davepagurek">@davepagurek</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3970885951" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8546" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8546/hovercard" href="https://github.com/processing/p5.js/pull/8546">#8546</a></li> <li>Updated readme and contributors for 2.0 branch by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/ksen0/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/ksen0">@ksen0</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3975344903" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8556" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8556/hovercard" href="https://github.com/processing/p5.js/pull/8556">#8556</a></li> <li>Updated readme and contributors for 2.0 branch (with attribution for image) by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/ksen0/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/ksen0">@ksen0</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3975352388" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8557" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8557/hovercard" href="https://github.com/processing/p5.js/pull/8557">#8557</a></li> </ul> <h2>New Contributors</h2> <ul> <li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/dontwanttothink/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/dontwanttothink">@dontwanttothink</a> made their first contribution in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3928079958" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8522" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8522/hovercard" href="https://github.com/processing/p5.js/pull/8522">#8522</a></li> <li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/Anshumancanrock/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/Anshumancanrock">@Anshumancanrock</a> made their first contribution in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3912456378" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8505" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8505/hovercard" href="https://github.com/processing/p5.js/pull/8505">#8505</a></li> <li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/saurabh24thakur/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/saurabh24thakur">@saurabh24thakur</a> made their first contribution in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3881206200" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8476" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8476/hovercard" href="https://github.com/processing/p5.js/pull/8476">#8476</a></li> </ul> <h2>Stewards</h2> <p>Code review and additional support with testing the release candidates by:</p> <ul> <li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/davepagurek/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/davepagurek">@davepagurek</a></li> <li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/nbogie/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/nbogie">@nbogie</a></li> <li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/aashu2006/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/aashu2006">@aashu2006</a></li> </ul> <p><strong>Full Changelog</strong>: <a class="commit-link" href="https://github.com/processing/p5.js/compare/v2.2.1...v2.2.2"><tt>v2.2.1...v2.2.2</tt></a></p> ksen0 tag:github.com,2008:Repository/8424040/v2.2.2-rc.2 2026-02-21T19:22:42Z v2.2.2-rc.2 <h2>What's Changed</h2> <p>The upcoming patch focuses on bugfixes and documentation, particularly on strands and WebGPU. Specifically, the goal is that <strong>all strands shaders work with both WebGPU and WebGL canvases</strong>.</p> <p>This is a <strong>release candidate</strong> (RC), which means it is not yet live on the p5.js Editor. Please help us to improve the stability of the newest version of p5.js by trying out this release candidate, and reporting bugs. You can also share your thoughts or get involved on Discord in the <a href="https://discord.gg/nmS4v2qw4K" rel="nofollow">#webpgu</a> or #p5strands channels!</p> <p><strong>To test this patch, you can use this <a href="https://editor.p5js.org/ksen0/sketches/MWHIVtZyt" rel="nofollow">starter sketch</a></strong>!</p> <p>Or load both p5.js and WebGPU mode by adding these two script tags to your sketch:</p> <div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;script src=&quot;https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.js&quot;&gt;&lt;/script&gt; &lt;script src=&quot;https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.webgpu.js&quot;&gt;&lt;/script&gt;"><pre><span class="pl-kos">&lt;</span><span class="pl-ent">script</span> <span class="pl-c1">src</span>="<span class="pl-s">https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.js</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span> <span class="pl-kos">&lt;</span><span class="pl-ent">script</span> <span class="pl-c1">src</span>="<span class="pl-s">https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.webgpu.js</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span></pre></div> <p>Then load WebGPU mode in <code>createCanvas</code> - <strong>note the <code>async/await</code></strong>, this is needed for WebGPU but not WebGL:</p> <div class="highlight highlight-source-js notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="async function setup() { await createCanvas(400, 400, WEBGPU); }"><pre><span class="pl-k">async</span> <span class="pl-k">function</span> <span class="pl-en">setup</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-kos">{</span> <span class="pl-k">await</span> <span class="pl-en">createCanvas</span><span class="pl-kos">(</span><span class="pl-c1">400</span><span class="pl-kos">,</span> <span class="pl-c1">400</span><span class="pl-kos">,</span> <span class="pl-c1">WEBGPU</span><span class="pl-kos">)</span><span class="pl-kos">;</span> <span class="pl-kos">}</span></pre></div> <p>Read more about how it works and where we plan on taking it <a href="https://github.com/processing/p5.js/blob/dev-2.0/contributor_docs/webgpu.md">here</a>!</p> <h3>What's Changed 🎊</h3> <ul> <li>Fix WebGPU filter shader parameters being named differently than in WebGL by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/davepagurek/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/davepagurek">@davepagurek</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3970885951" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8546" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8546/hovercard" href="https://github.com/processing/p5.js/pull/8546">#8546</a></li> </ul> <p><strong>Full Changelog</strong>: <a class="commit-link" href="https://github.com/processing/p5.js/compare/v2.2.2-rc.1...v2.2.2-rc.2"><tt>v2.2.2-rc.1...v2.2.2-rc.2</tt></a></p> ksen0 tag:github.com,2008:Repository/8424040/v2.2.2-rc.1 2026-02-20T00:08:12Z v2.2.2-rc.1 <h2>What's Changed</h2> <p>The upcoming patch focuses on bugfixes and documentation, particularly on strands and WebGPU. Specifically, the goal is that <strong>all strands shaders work with both WebGPU and WebGL canvases</strong>.</p> <p>This is a <strong>release candidate</strong> (RC), which means it is not yet live on the p5.js Editor. Please help us to improve the stability of the newest version of p5.js by trying out this release candidate, and reporting bugs. You can also share your thoughts or get involved on Discord in the <a href="https://discord.gg/nmS4v2qw4K" rel="nofollow">#webpgu</a> or #p5strands channels!</p> <p><strong>To test this patch, you can use this <a href="https://editor.p5js.org/neill0/sketches/FUKcq8Jzq" rel="nofollow">starter sketch</a></strong>!</p> <p>Or load both p5.js and WebGPU mode by adding these two script tags to your sketch:</p> <div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;script src=&quot;https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.js&quot;&gt;&lt;/script&gt; &lt;script src=&quot;https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.webgpu.js&quot;&gt;&lt;/script&gt;"><pre><span class="pl-kos">&lt;</span><span class="pl-ent">script</span> <span class="pl-c1">src</span>="<span class="pl-s">https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.js</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span> <span class="pl-kos">&lt;</span><span class="pl-ent">script</span> <span class="pl-c1">src</span>="<span class="pl-s">https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.webgpu.js</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span></pre></div> <p>Then load WebGPU mode in <code>createCanvas</code> - <strong>note the <code>async/await</code></strong>, this is needed for WebGPU but not WebGL:</p> <div class="highlight highlight-source-js notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="async function setup() { await createCanvas(400, 400, WEBGPU); }"><pre><span class="pl-k">async</span> <span class="pl-k">function</span> <span class="pl-en">setup</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-kos">{</span> <span class="pl-k">await</span> <span class="pl-en">createCanvas</span><span class="pl-kos">(</span><span class="pl-c1">400</span><span class="pl-kos">,</span> <span class="pl-c1">400</span><span class="pl-kos">,</span> <span class="pl-c1">WEBGPU</span><span class="pl-kos">)</span><span class="pl-kos">;</span> <span class="pl-kos">}</span></pre></div> <p>Read more about how it works and where we plan on taking it <a href="https://github.com/processing/p5.js/blob/dev-2.0/contributor_docs/webgpu.md">here</a>!</p> <h3>What's Changed 🎊</h3> <ul> <li>Fix broken reference links in lerpColor() documentation (p5.js 2.0) by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/rakesh2OO5/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/rakesh2OO5">@rakesh2OO5</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3920584291" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8518" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8518/hovercard" href="https://github.com/processing/p5.js/pull/8518">#8518</a></li> <li>Refactor global node handling and add millis function by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/perminder-17/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/perminder-17">@perminder-17</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3944533076" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8530" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8530/hovercard" href="https://github.com/processing/p5.js/pull/8530">#8530</a></li> </ul> <p><strong>Full Changelog</strong>: <a class="commit-link" href="https://github.com/processing/p5.js/compare/v2.2.2-rc.0...v2.2.2-rc.1"><tt>v2.2.2-rc.0...v2.2.2-rc.1</tt></a></p> ksen0 tag:github.com,2008:Repository/8424040/v2.2.2-rc.0 2026-02-18T12:01:34Z v2.2.2-rc.0 <h2>What's Changed</h2> <p>The upcoming patch focuses on bugfixes and documentation, particularly on strands and WebGPU. Specifically, the goal is that <strong>all strands shaders work with both WebGPU and WebGL canvases</strong>.</p> <p>This is a <strong>release candidate</strong> (RC), which means it is not yet live on the p5.js Editor. Please help us to improve the stability of the newest version of p5.js by trying out this release candidate, and reporting bugs. You can also share your thoughts or get involved on Discord in the <a href="https://discord.gg/nmS4v2qw4K" rel="nofollow">#webpgu</a> or #p5strands channels!</p> <p>To test this patch, you can load both p5.js and WebGPU mode by adding these two script tags to your sketch:</p> <div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;script src=&quot;https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.js&quot;&gt;&lt;/script&gt; &lt;script src=&quot;https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.webgpu.js&quot;&gt;&lt;/script&gt;"><pre><span class="pl-kos">&lt;</span><span class="pl-ent">script</span> <span class="pl-c1">src</span>="<span class="pl-s">https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.js</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span> <span class="pl-kos">&lt;</span><span class="pl-ent">script</span> <span class="pl-c1">src</span>="<span class="pl-s">https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.webgpu.js</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span></pre></div> <p>Then load WebGPU mode in <code>createCanvas</code> - <strong>note the <code>async/await</code></strong>, this is needed for WebGPU but not WebGL:</p> <div class="highlight highlight-source-js notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="async function setup() { await createCanvas(400, 400, WEBGPU); }"><pre><span class="pl-k">async</span> <span class="pl-k">function</span> <span class="pl-en">setup</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-kos">{</span> <span class="pl-k">await</span> <span class="pl-en">createCanvas</span><span class="pl-kos">(</span><span class="pl-c1">400</span><span class="pl-kos">,</span> <span class="pl-c1">400</span><span class="pl-kos">,</span> <span class="pl-c1">WEBGPU</span><span class="pl-kos">)</span><span class="pl-kos">;</span> <span class="pl-kos">}</span></pre></div> <p>Read more about how it works and where we plan on taking it <a href="https://github.com/processing/p5.js/blob/dev-2.0/contributor_docs/webgpu.md">here</a>!</p> <h3>What's Changed 🎊</h3> <ul> <li>2.0 strands docs: add simple noise() example for buildFilterShader by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/nbogie/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/nbogie">@nbogie</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3927946075" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8521" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8521/hovercard" href="https://github.com/processing/p5.js/pull/8521">#8521</a></li> <li>Sketch verifier: parse using the latest supported ECMAScript version by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/dontwanttothink/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/dontwanttothink">@dontwanttothink</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3928079958" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8522" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8522/hovercard" href="https://github.com/processing/p5.js/pull/8522">#8522</a></li> <li>Add support for negative vertex indices in OBJ loader for 2.x by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/avinxshKD/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/avinxshKD">@avinxshKD</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3914804330" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8512" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8512/hovercard" href="https://github.com/processing/p5.js/pull/8512">#8512</a></li> <li>Fix Show actual type in strands hook error messages by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/Anshumancanrock/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/Anshumancanrock">@Anshumancanrock</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3912456378" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8505" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8505/hovercard" href="https://github.com/processing/p5.js/pull/8505">#8505</a></li> <li>Improve WebGL font error message to suggest textFont() usage by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/yugalkaushik/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/yugalkaushik">@yugalkaushik</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3915742370" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8513" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8513/hovercard" href="https://github.com/processing/p5.js/pull/8513">#8513</a></li> <li>Fix/webgpu crash pixel density by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/saurabh24thakur/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/saurabh24thakur">@saurabh24thakur</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3881206200" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8476" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8476/hovercard" href="https://github.com/processing/p5.js/pull/8476">#8476</a></li> <li>Fix WebGPU bugs surfaced by the Intro to Strands tutorial by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/davepagurek/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/davepagurek">@davepagurek</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3955494580" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8538" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8538/hovercard" href="https://github.com/processing/p5.js/pull/8538">#8538</a></li> <li>Fix build*Shader methods in instance mode by forwarding optional scope by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/aashu2006/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/aashu2006">@aashu2006</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3928802263" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8523" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8523/hovercard" href="https://github.com/processing/p5.js/pull/8523">#8523</a></li> </ul> <h2>New Contributors</h2> <ul> <li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/dontwanttothink/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/dontwanttothink">@dontwanttothink</a> made their first contribution in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3928079958" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8522" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8522/hovercard" href="https://github.com/processing/p5.js/pull/8522">#8522</a></li> <li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/Anshumancanrock/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/Anshumancanrock">@Anshumancanrock</a> made their first contribution in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3912456378" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8505" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8505/hovercard" href="https://github.com/processing/p5.js/pull/8505">#8505</a></li> <li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/saurabh24thakur/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/saurabh24thakur">@saurabh24thakur</a> made their first contribution in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3881206200" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8476" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8476/hovercard" href="https://github.com/processing/p5.js/pull/8476">#8476</a></li> </ul> <p><strong>Full Changelog</strong>: <a class="commit-link" href="https://github.com/processing/p5.js/compare/v2.2.1...v2.2.2-rc.0"><tt>v2.2.1...v2.2.2-rc.0</tt></a></p> ksen0 tag:github.com,2008:Repository/8424040/v2.2.1 2026-02-11T12:34:48Z v2.2.1 <h2>What's Changed</h2> <p>This patch includes documentation, bugfixes, and dependency updates. A <a href="https://github.com/processing/p5.js/pull/8314" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8314/hovercard">flatter p5.strands API</a> is also included as part of ongoing incremental strands API.</p> <p>You can get started with the features in this release using these sketches:</p> <ul> <li><a href="https://editor.p5js.org/neill0/sketches/LO7V38ZUL" rel="nofollow">p5 2.2.1 starter/demo with p5.strands buildFilterShader</a> - demonstrates a filter shader using p5.strands</li> <li><a href="https://editor.p5js.org/neill0/sketches/GRupGwnp1" rel="nofollow">p5 2.2.1 starter with WEBGPU</a> - the WebGPU mode is new in 2.2, and released experimentally for community testing</li> </ul> <p>The focus of this patch is performance improvements to WebGPU core add-on. You can load both p5.js and WebGPU mode by adding these two script tags to your sketch:</p> <div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;script src=&quot;https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.js&quot;&gt;&lt;/script&gt; &lt;script src=&quot;https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.webgpu.js&quot;&gt;&lt;/script&gt;"><pre><span class="pl-kos">&lt;</span><span class="pl-ent">script</span> <span class="pl-c1">src</span>="<span class="pl-s">https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.js</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span> <span class="pl-kos">&lt;</span><span class="pl-ent">script</span> <span class="pl-c1">src</span>="<span class="pl-s">https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.webgpu.js</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span></pre></div> <p>Then load WebGPU mode in <code>createCanvas</code>:</p> <div class="highlight highlight-source-js notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="async function setup() { await createCanvas(400, 400, WEBGPU); }"><pre><span class="pl-k">async</span> <span class="pl-k">function</span> <span class="pl-en">setup</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-kos">{</span> <span class="pl-k">await</span> <span class="pl-en">createCanvas</span><span class="pl-kos">(</span><span class="pl-c1">400</span><span class="pl-kos">,</span> <span class="pl-c1">400</span><span class="pl-kos">,</span> <span class="pl-c1">WEBGPU</span><span class="pl-kos">)</span><span class="pl-kos">;</span> <span class="pl-kos">}</span></pre></div> <p>Read more about how it works and where we plan on taking it <a href="https://github.com/processing/p5.js/blob/dev-2.0/contributor_docs/webgpu.md">here</a>!</p> <h3>What's Changed 🎊</h3> <ul> <li>Fix rotation transformations outside of push/pop applying to main canvas in WebGPU by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/davepagurek/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/davepagurek">@davepagurek</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3825768610" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8423" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8423/hovercard" href="https://github.com/processing/p5.js/pull/8423">#8423</a></li> <li>Make sure getTexture works in vertex shaders by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/davepagurek/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/davepagurek">@davepagurek</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3825826789" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8424" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8424/hovercard" href="https://github.com/processing/p5.js/pull/8424">#8424</a></li> <li>Performance improvements for colors by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/davepagurek/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/davepagurek">@davepagurek</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3755616901" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8355" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8355/hovercard" href="https://github.com/processing/p5.js/pull/8355">#8355</a></li> <li>fix textToModel regression for space characters by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/skyash-dev/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/skyash-dev">@skyash-dev</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3834789576" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8429" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8429/hovercard" href="https://github.com/processing/p5.js/pull/8429">#8429</a></li> <li>add unit tests for HSB color space by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/Piyushrathoree/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/Piyushrathoree">@Piyushrathoree</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3774839562" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8376" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8376/hovercard" href="https://github.com/processing/p5.js/pull/8376">#8376</a></li> <li>Experiment: flatter strands API by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/davepagurek/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/davepagurek">@davepagurek</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3686820848" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8314" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8314/hovercard" href="https://github.com/processing/p5.js/pull/8314">#8314</a></li> <li>Auto return shader hooks by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/vietnguyen2358/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/vietnguyen2358">@vietnguyen2358</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3779816957" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8384" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8384/hovercard" href="https://github.com/processing/p5.js/pull/8384">#8384</a></li> <li>Fix <code>noiseDetail()</code> in p5.js 2.x so that the <code>falloff</code> parameter defaults to <code>0.5</code> when omitted. by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/shuklaaryan367-byte/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/shuklaaryan367-byte">@shuklaaryan367-byte</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3812096880" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8417" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8417/hovercard" href="https://github.com/processing/p5.js/pull/8417">#8417</a></li> <li>Normalize strands noise output range to match JS noise() by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/rakesh2OO5/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/rakesh2OO5">@rakesh2OO5</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3838937820" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8430" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8430/hovercard" href="https://github.com/processing/p5.js/pull/8430">#8430</a></li> <li>fix createColorPicker ignores initial colour arg on chrome by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/Piyushrathoree/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/Piyushrathoree">@Piyushrathoree</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3764617970" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8363" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8363/hovercard" href="https://github.com/processing/p5.js/pull/8363">#8363</a></li> <li>Add WebGL visual regression tests for transform functions by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/aashu2006/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/aashu2006">@aashu2006</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3866468875" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8465" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8465/hovercard" href="https://github.com/processing/p5.js/pull/8465">#8465</a></li> <li>Fix gifs in WebGL mode by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/davepagurek/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/davepagurek">@davepagurek</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3875951421" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8472" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8472/hovercard" href="https://github.com/processing/p5.js/pull/8472">#8472</a></li> <li>feat(webgl): add global property support for p5.strands by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/avinxshKD/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/avinxshKD">@avinxshKD</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3558347532" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8211" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8211/hovercard" href="https://github.com/processing/p5.js/pull/8211">#8211</a></li> <li>Webgpu perf updates by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/davepagurek/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/davepagurek">@davepagurek</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3882414690" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8480" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8480/hovercard" href="https://github.com/processing/p5.js/pull/8480">#8480</a></li> <li>docs(p5.strands): document smoothstep by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/jjnawaaz/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/jjnawaaz">@jjnawaaz</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3862271091" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8459" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8459/hovercard" href="https://github.com/processing/p5.js/pull/8459">#8459</a></li> <li>gitignore vscode local.code-workspace allowing users project-specific overrides by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/nbogie/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/nbogie">@nbogie</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3882010455" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8479" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8479/hovercard" href="https://github.com/processing/p5.js/pull/8479">#8479</a></li> <li>fix(webgl): normalize nearly identical vertices before tessellation by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/avinxshKD/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/avinxshKD">@avinxshKD</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3575898631" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8221" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8221/hovercard" href="https://github.com/processing/p5.js/pull/8221">#8221</a></li> <li>Remove deprecated, unmaintained vscode extension "npm" from recommendations by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/nbogie/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/nbogie">@nbogie</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3906436807" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8497" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8497/hovercard" href="https://github.com/processing/p5.js/pull/8497">#8497</a></li> <li>Use --shallow in doc build to prevent documentation.js from processing GLSL imports by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/nbogie/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/nbogie">@nbogie</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3910042599" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8500" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8500/hovercard" href="https://github.com/processing/p5.js/pull/8500">#8500</a></li> <li>Dependencies updates by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/limzykenneth/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/limzykenneth">@limzykenneth</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3762339328" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8360" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8360/hovercard" href="https://github.com/processing/p5.js/pull/8360">#8360</a></li> <li>Add visual regression tests for WebGL 3D primitives by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/aashu2006/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/aashu2006">@aashu2006</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3884705849" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8485" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8485/hovercard" href="https://github.com/processing/p5.js/pull/8485">#8485</a></li> <li>Add transform support to bezier shapes in clip() by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/VANSH3104/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/VANSH3104">@VANSH3104</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3882479875" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8481" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8481/hovercard" href="https://github.com/processing/p5.js/pull/8481">#8481</a></li> <li>Fix instance mode usage of uniformFloat() in shader.modify() example by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/aashu2006/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/aashu2006">@aashu2006</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3875785859" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8470" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8470/hovercard" href="https://github.com/processing/p5.js/pull/8470">#8470</a></li> <li>More performance updates for WebGPU mode by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/davepagurek/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/davepagurek">@davepagurek</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3911057376" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8502" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8502/hovercard" href="https://github.com/processing/p5.js/pull/8502">#8502</a></li> <li>More WebGPU optimizations by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/davepagurek/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/davepagurek">@davepagurek</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3913602719" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8510" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8510/hovercard" href="https://github.com/processing/p5.js/pull/8510">#8510</a></li> <li>fix: use <code>@chainable</code> per-overload by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/LuLaValva/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/LuLaValva">@LuLaValva</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3911559974" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8504" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8504/hovercard" href="https://github.com/processing/p5.js/pull/8504">#8504</a></li> <li>add getTexture docs and examples for p5.strands by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/nbogie/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/nbogie">@nbogie</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3852601809" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8446" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8446/hovercard" href="https://github.com/processing/p5.js/pull/8446">#8446</a></li> </ul> <h2>New Contributors</h2> <ul> <li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/vietnguyen2358/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/vietnguyen2358">@vietnguyen2358</a> made their first contribution in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3779816957" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8384" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8384/hovercard" href="https://github.com/processing/p5.js/pull/8384">#8384</a></li> <li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/shuklaaryan367-byte/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/shuklaaryan367-byte">@shuklaaryan367-byte</a> made their first contribution in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3812096880" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8417" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8417/hovercard" href="https://github.com/processing/p5.js/pull/8417">#8417</a></li> <li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/rakesh2OO5/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/rakesh2OO5">@rakesh2OO5</a> made their first contribution in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3838937820" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8430" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8430/hovercard" href="https://github.com/processing/p5.js/pull/8430">#8430</a></li> <li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/aashu2006/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/aashu2006">@aashu2006</a> made their first contribution in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3866468875" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8465" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8465/hovercard" href="https://github.com/processing/p5.js/pull/8465">#8465</a></li> <li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/jjnawaaz/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/jjnawaaz">@jjnawaaz</a> made their first contribution in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3862271091" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8459" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8459/hovercard" href="https://github.com/processing/p5.js/pull/8459">#8459</a></li> <li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/LuLaValva/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/LuLaValva">@LuLaValva</a> made their first contribution in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3911559974" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8504" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8504/hovercard" href="https://github.com/processing/p5.js/pull/8504">#8504</a></li> </ul> <h2>Stewards</h2> <p>This patch was <a href="https://p5js.org/contribute/steward_guidelines/" rel="nofollow">stewarded</a> (through code review, comments, and discussion) by<br> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/davepagurek/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/davepagurek">@davepagurek</a><br> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/limzykenneth/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/limzykenneth">@limzykenneth</a><br> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/nbogie/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/nbogie">@nbogie</a><br> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/perminder-17/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/perminder-17">@perminder-17</a><br> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/ksen0/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/ksen0">@ksen0</a></p> <p><strong>Full Changelog</strong>: <a class="commit-link" href="https://github.com/processing/p5.js/compare/v2.2.0...v2.2.1"><tt>v2.2.0...v2.2.1</tt></a></p> ksen0 tag:github.com,2008:Repository/8424040/v2.2.1-rc.1 2026-02-10T14:22:55Z v2.2.1-rc.1 <h2>What's Changed</h2> <h3>What's Changed 🎊</h3> <ul> <li>docs(p5.strands): document smoothstep by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/jjnawaaz/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/jjnawaaz">@jjnawaaz</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3862271091" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8459" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8459/hovercard" href="https://github.com/processing/p5.js/pull/8459">#8459</a></li> <li>gitignore vscode local.code-workspace allowing users project-specific overrides by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/nbogie/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/nbogie">@nbogie</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3882010455" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8479" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8479/hovercard" href="https://github.com/processing/p5.js/pull/8479">#8479</a></li> <li>fix(webgl): normalize nearly identical vertices before tessellation by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/avinxshKD/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/avinxshKD">@avinxshKD</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3575898631" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8221" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8221/hovercard" href="https://github.com/processing/p5.js/pull/8221">#8221</a></li> <li>Remove deprecated, unmaintained vscode extension "npm" from recommendations by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/nbogie/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/nbogie">@nbogie</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3906436807" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8497" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8497/hovercard" href="https://github.com/processing/p5.js/pull/8497">#8497</a></li> <li>Use --shallow in doc build to prevent documentation.js from processing GLSL imports by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/nbogie/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/nbogie">@nbogie</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3910042599" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8500" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8500/hovercard" href="https://github.com/processing/p5.js/pull/8500">#8500</a></li> <li>Dependencies updates by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/limzykenneth/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/limzykenneth">@limzykenneth</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3762339328" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8360" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8360/hovercard" href="https://github.com/processing/p5.js/pull/8360">#8360</a></li> <li>Add visual regression tests for WebGL 3D primitives by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/aashu2006/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/aashu2006">@aashu2006</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3884705849" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8485" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8485/hovercard" href="https://github.com/processing/p5.js/pull/8485">#8485</a></li> <li>Add transform support to bezier shapes in clip() by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/VANSH3104/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/VANSH3104">@VANSH3104</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3882479875" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8481" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8481/hovercard" href="https://github.com/processing/p5.js/pull/8481">#8481</a></li> <li>Fix instance mode usage of uniformFloat() in shader.modify() example by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/aashu2006/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/aashu2006">@aashu2006</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3875785859" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8470" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8470/hovercard" href="https://github.com/processing/p5.js/pull/8470">#8470</a></li> <li>More performance updates for WebGPU mode by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/davepagurek/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/davepagurek">@davepagurek</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3911057376" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8502" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8502/hovercard" href="https://github.com/processing/p5.js/pull/8502">#8502</a></li> <li>More WebGPU optimizations by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/davepagurek/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/davepagurek">@davepagurek</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3913602719" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8510" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8510/hovercard" href="https://github.com/processing/p5.js/pull/8510">#8510</a></li> <li>fix: use <code>@chainable</code> per-overload by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/LuLaValva/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/LuLaValva">@LuLaValva</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3911559974" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8504" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8504/hovercard" href="https://github.com/processing/p5.js/pull/8504">#8504</a></li> <li>add getTexture docs and examples for p5.strands by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/nbogie/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/nbogie">@nbogie</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3852601809" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8446" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8446/hovercard" href="https://github.com/processing/p5.js/pull/8446">#8446</a></li> </ul> <h2>New Contributors</h2> <ul> <li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/jjnawaaz/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/jjnawaaz">@jjnawaaz</a> made their first contribution in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3862271091" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8459" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8459/hovercard" href="https://github.com/processing/p5.js/pull/8459">#8459</a></li> <li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/LuLaValva/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/LuLaValva">@LuLaValva</a> made their first contribution in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3911559974" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8504" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8504/hovercard" href="https://github.com/processing/p5.js/pull/8504">#8504</a></li> </ul> <p><strong>Full Changelog</strong>: <a class="commit-link" href="https://github.com/processing/p5.js/compare/v2.2.1-rc.0...v2.2.1-rc.1"><tt>v2.2.1-rc.0...v2.2.1-rc.1</tt></a></p> ksen0 tag:github.com,2008:Repository/8424040/v2.2.1-rc.0 2026-02-01T19:06:36Z v2.2.1-rc.0 <h2>What's Changed</h2> <p>The upcoming patch focuses on bugfixes and documentation, particularly on WebGPU and strands. This is a <strong>release candidate</strong> (RC), which means it is not yet live on the p5.js Editor. Please help us to improve the stability of the newest version of p5.js by trying out this release candidate, and reporting bugs. You can also share your thoughts or get involved on Discord in the <a href="https://discord.gg/nmS4v2qw4K" rel="nofollow">#webpgu</a> channel!</p> <p>To test this patch, you can load both p5.js and WebGPU mode by adding these two script tags to your sketch:</p> <div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;script src=&quot;https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.js&quot;&gt;&lt;/script&gt; &lt;script src=&quot;https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.webgpu.js&quot;&gt;&lt;/script&gt;"><pre><span class="pl-kos">&lt;</span><span class="pl-ent">script</span> <span class="pl-c1">src</span>="<span class="pl-s">https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.js</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span> <span class="pl-kos">&lt;</span><span class="pl-ent">script</span> <span class="pl-c1">src</span>="<span class="pl-s">https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.webgpu.js</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span></pre></div> <p>Then load WebGPU mode in <code>createCanvas</code>:</p> <div class="highlight highlight-source-js notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="async function setup() { await createCanvas(400, 400, WEBGPU); }"><pre><span class="pl-k">async</span> <span class="pl-k">function</span> <span class="pl-en">setup</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-kos">{</span> <span class="pl-k">await</span> <span class="pl-en">createCanvas</span><span class="pl-kos">(</span><span class="pl-c1">400</span><span class="pl-kos">,</span> <span class="pl-c1">400</span><span class="pl-kos">,</span> <span class="pl-c1">WEBGPU</span><span class="pl-kos">)</span><span class="pl-kos">;</span> <span class="pl-kos">}</span></pre></div> <p>Read more about how it works and where we plan on taking it <a href="https://github.com/processing/p5.js/blob/dev-2.0/contributor_docs/webgpu.md">here</a>!</p> <h3>What's Changed 🎊</h3> <ul> <li>Fix rotation transformations outside of push/pop applying to main canvas in WebGPU by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/davepagurek/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/davepagurek">@davepagurek</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3825768610" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8423" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8423/hovercard" href="https://github.com/processing/p5.js/pull/8423">#8423</a></li> <li>Make sure getTexture works in vertex shaders by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/davepagurek/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/davepagurek">@davepagurek</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3825826789" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8424" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8424/hovercard" href="https://github.com/processing/p5.js/pull/8424">#8424</a></li> <li>Performance improvements for colors by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/davepagurek/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/davepagurek">@davepagurek</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3755616901" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8355" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8355/hovercard" href="https://github.com/processing/p5.js/pull/8355">#8355</a></li> <li>fix textToModel regression for space characters by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/skyash-dev/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/skyash-dev">@skyash-dev</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3834789576" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8429" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8429/hovercard" href="https://github.com/processing/p5.js/pull/8429">#8429</a></li> <li>add unit tests for HSB color space by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/Piyushrathoree/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/Piyushrathoree">@Piyushrathoree</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3774839562" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8376" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8376/hovercard" href="https://github.com/processing/p5.js/pull/8376">#8376</a></li> <li>Experiment: flatter strands API by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/davepagurek/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/davepagurek">@davepagurek</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3686820848" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8314" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8314/hovercard" href="https://github.com/processing/p5.js/pull/8314">#8314</a></li> <li>Auto return shader hooks by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/vietnguyen2358/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/vietnguyen2358">@vietnguyen2358</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3779816957" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8384" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8384/hovercard" href="https://github.com/processing/p5.js/pull/8384">#8384</a></li> <li>Fix <code>noiseDetail()</code> in p5.js 2.x so that the <code>falloff</code> parameter defaults to <code>0.5</code> when omitted. by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/shuklaaryan367-byte/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/shuklaaryan367-byte">@shuklaaryan367-byte</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3812096880" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8417" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8417/hovercard" href="https://github.com/processing/p5.js/pull/8417">#8417</a></li> <li>Normalize strands noise output range to match JS noise() by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/rakesh2OO5/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/rakesh2OO5">@rakesh2OO5</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3838937820" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8430" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8430/hovercard" href="https://github.com/processing/p5.js/pull/8430">#8430</a></li> <li>fix createColorPicker ignores initial colour arg on chrome by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/Piyushrathoree/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/Piyushrathoree">@Piyushrathoree</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3764617970" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8363" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8363/hovercard" href="https://github.com/processing/p5.js/pull/8363">#8363</a></li> <li>Add WebGL visual regression tests for transform functions by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/aashu2006/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/aashu2006">@aashu2006</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3866468875" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8465" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8465/hovercard" href="https://github.com/processing/p5.js/pull/8465">#8465</a></li> <li>Fix gifs in WebGL mode by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/davepagurek/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/davepagurek">@davepagurek</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3875951421" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8472" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8472/hovercard" href="https://github.com/processing/p5.js/pull/8472">#8472</a></li> <li>feat(webgl): add global property support for p5.strands by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/avinxshKD/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/avinxshKD">@avinxshKD</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3558347532" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8211" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8211/hovercard" href="https://github.com/processing/p5.js/pull/8211">#8211</a></li> <li>Webgpu perf updates by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/davepagurek/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/davepagurek">@davepagurek</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3882414690" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8480" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8480/hovercard" href="https://github.com/processing/p5.js/pull/8480">#8480</a></li> </ul> <h2>New Contributors</h2> <ul> <li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/vietnguyen2358/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/vietnguyen2358">@vietnguyen2358</a> made their first contribution in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3779816957" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8384" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8384/hovercard" href="https://github.com/processing/p5.js/pull/8384">#8384</a></li> <li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/shuklaaryan367-byte/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/shuklaaryan367-byte">@shuklaaryan367-byte</a> made their first contribution in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3812096880" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8417" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8417/hovercard" href="https://github.com/processing/p5.js/pull/8417">#8417</a></li> <li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/rakesh2OO5/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/rakesh2OO5">@rakesh2OO5</a> made their first contribution in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3838937820" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8430" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8430/hovercard" href="https://github.com/processing/p5.js/pull/8430">#8430</a></li> <li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/aashu2006/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/aashu2006">@aashu2006</a> made their first contribution in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3866468875" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8465" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8465/hovercard" href="https://github.com/processing/p5.js/pull/8465">#8465</a></li> <li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/avinxshKD/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/avinxshKD">@avinxshKD</a> made their first contribution in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3558347532" data-permission-text="Title is private" data-url="https://github.com/processing/p5.js/issues/8211" data-hovercard-type="pull_request" data-hovercard-url="/processing/p5.js/pull/8211/hovercard" href="https://github.com/processing/p5.js/pull/8211">#8211</a></li> </ul> <p><strong>Full Changelog</strong>: <a class="commit-link" href="https://github.com/processing/p5.js/compare/v2.2.0...v2.2.1-rc.0"><tt>v2.2.0...v2.2.1-rc.0</tt></a></p> ksen0