mastodon.gamedev.place is one of the many independent Mastodon servers you can use to participate in the fediverse.
Mastodon server focused on game development and related topics.

Server stats:

5.1K
active users

#WGSL

1 post1 participant0 posts today
absulit<p>And now a proper video of my Audio Visualizer: Gravity Pull made in <a href="https://mastodon.social/tags/WebGPU" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebGPU</span></a> with my POINTS library</p><p><a href="https://absulit.github.io/Gravity-Pull/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">absulit.github.io/Gravity-Pull/</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/generativeart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>generativeart</span></a> <a href="https://mastodon.social/tags/mathart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mathart</span></a> <a href="https://mastodon.social/tags/wgsl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wgsl</span></a> <a href="https://mastodon.social/tags/shaders" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>shaders</span></a> <a href="https://mastodon.social/tags/mograph" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mograph</span></a> <a href="https://mastodon.social/tags/genart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genart</span></a> <a href="https://mastodon.social/tags/genartclub" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genartclub</span></a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdevelopment</span></a></p>
David Neto<p><span class="h-card" translate="no"><a href="https://floss.social/@mkretz" class="u-url mention">@<span>mkretz</span></a></span> </p><p>I see. WGSL has to accommodate all the shortcuts that GPUs take, even when using the IEEE fp representations binary32, binary16. </p><p>Details are in this section <a href="https://www.w3.org/TR/WGSL/#floating-point-evaluation" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://www.</span><span class="ellipsis">w3.org/TR/WGSL/#floating-point</span><span class="invisible">-evaluation</span></a> </p><p>The short list: inf and NaN can&#39;t be relied upon, subnormal can be flushed to zero, rounding mode is unspecified, exceptions are not propagated, sign of zero is not handled. See the list in 15.7.2</p><p><a href="https://mastodon.gamedev.place/tags/WGSL" class="mention hashtag" rel="tag">#<span>WGSL</span></a></p>
Shane Celis<p>I&#39;m sure this has been done many times before, but I&#39;m still happy to be bit-twiddling in <a href="https://mastodon.gamedev.place/tags/shaders" class="mention hashtag" rel="tag">#<span>shaders</span></a>. The star is this line:</p><p>(vertex_index &amp; 3u) + (vertex_index &gt;&gt; 2u)</p><p>&quot;Give me the first two bits but add one if the third bit is set.” </p><p>The shader generates a UV-mapped quad (right-triangle pair) from the 0 through 5 vertex indices. The screenshot code is abridged; full code is at the link.</p><p><a href="https://github.com/shanecelis/bevy/blob/add-viewport-post-processing/crates/bevy_core_pipeline/src/viewport_vertex_shader/viewport.wgsl" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">github.com/shanecelis/bevy/blo</span><span class="invisible">b/add-viewport-post-processing/crates/bevy_core_pipeline/src/viewport_vertex_shader/viewport.wgsl</span></a> <a href="https://mastodon.gamedev.place/tags/gamedev" class="mention hashtag" rel="tag">#<span>gamedev</span></a> <a href="https://mastodon.gamedev.place/tags/bevyengine" class="mention hashtag" rel="tag">#<span>bevyengine</span></a> <a href="https://mastodon.gamedev.place/tags/bittwiddling" class="mention hashtag" rel="tag">#<span>bittwiddling</span></a> <a href="https://mastodon.gamedev.place/tags/wgsl" class="mention hashtag" rel="tag">#<span>wgsl</span></a></p>
mighdoll<p>I had fun presenting an Introduction to WESL with <span class="h-card" translate="no"><a href="https://mastodon.social/@stefnotch" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>stefnotch</span></a></span> and @k2d222! </p><p>slides here: <a href="https://docs.google.com/presentation/d/1C_M6ZkIWF-KznJuxoEP-28o5ZtenlXxcyLi0vKccMm8" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">docs.google.com/presentation/d</span><span class="invisible">/1C_M6ZkIWF-KznJuxoEP-28o5ZtenlXxcyLi0vKccMm8</span></a></p><p><a href="https://techhub.social/tags/webgpu" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webgpu</span></a> <a href="https://techhub.social/tags/wesl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wesl</span></a> <a href="https://techhub.social/tags/wgsl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wgsl</span></a></p>
mighdoll<p>Our rust and js implementations of WESL successfully pass the <a href="https://techhub.social/tags/webgpu" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webgpu</span></a> WGSL conformance test suite. Hats off to the <a href="https://techhub.social/tags/webgpu" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webgpu</span></a> folks for creating good tests! </p><p>WESL is a superset language, intended to seamlessly extend <a href="https://techhub.social/tags/WGSL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WGSL</span></a></p>
Alexey Rodionov<p>image-palette-webgpu is a tiny zero-dependency browser JS library by Ivan Ludvig Tereshko and me that extracts dominant colors from images with various algorithms using WebGPU API.</p><p>NPM: <a href="https://npmjs.com/package/image-palette-webgpu" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">npmjs.com/package/image-palett</span><span class="invisible">e-webgpu</span></a></p><p>GitHub: <a href="https://github.com/IvanLudvig/image-palette-webgpu" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/IvanLudvig/image-pa</span><span class="invisible">lette-webgpu</span></a></p><p>Live demo: <a href="https://ivanludvig.dev/image-palette-webgpu/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">ivanludvig.dev/image-palette-w</span><span class="invisible">ebgpu/</span></a></p><p>There are plans to add tests and benchmarks as well.</p><p><a href="https://mastodon.social/tags/webgpu" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webgpu</span></a> <a href="https://mastodon.social/tags/wgpu" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wgpu</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/gpu" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gpu</span></a> <a href="https://mastodon.social/tags/wgsl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wgsl</span></a> <a href="https://mastodon.social/tags/shader" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>shader</span></a> <a href="https://mastodon.social/tags/shaders" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>shaders</span></a></p>
Brendan Duncan<p>I&#39;ve been going down this side project road of wanting to make a <a href="https://mastodon.gamedev.place/tags/WGSL" class="mention hashtag" rel="tag">#<span>WGSL</span></a> shader debugger to integrate into my <a href="https://mastodon.gamedev.place/tags/WebGPU" class="mention hashtag" rel="tag">#<span>WebGPU</span></a> Inspector tool (<a href="https://chromewebstore.google.com/detail/webgpu-inspector/holcbbnljhkpkjkhgkagjkhhpeochfal" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">chromewebstore.google.com/deta</span><span class="invisible">il/webgpu-inspector/holcbbnljhkpkjkhgkagjkhhpeochfal</span></a>).</p><p>I&#39;m making some progress! The &quot;first triangle&quot; of unpolished, incomplete WGSL debugging! The rest should be easy, right?</p>
Shane Celis<p><a href="https://mastodon.gamedev.place/tags/shader" class="mention hashtag" rel="tag">#<span>shader</span></a> tip: Get the aspect ratio even if all you have is the uv coordinates by differentiating them.</p><p><a href="https://mastodon.gamedev.place/tags/wgsl" class="mention hashtag" rel="tag">#<span>wgsl</span></a> <a href="https://mastodon.gamedev.place/tags/gamedev" class="mention hashtag" rel="tag">#<span>gamedev</span></a></p>
Billymitch<p>i put a little game online 🙂</p><p><a href="https://wmsalazar.nfshost.com/game" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">wmsalazar.nfshost.com/game</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/webgpu" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webgpu</span></a> <a href="https://mastodon.social/tags/wgsl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wgsl</span></a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.social/tags/gamedev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gamedev</span></a></p>
Billymitch<p>Got a WebGPU animation up on my website 🙂</p><p><a href="https://wmsalazar.nfshost.com" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">wmsalazar.nfshost.com</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/webgpu" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webgpu</span></a> <a href="https://mastodon.social/tags/wgsl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wgsl</span></a> <a href="https://mastodon.social/tags/gpu" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gpu</span></a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a></p>
Billymitch<p>Got a WebGPU animation up on my website 🙂</p><p><a href="https://wmsalazar.nfshost.com" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">wmsalazar.nfshost.com</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/webgpu" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webgpu</span></a> <a href="https://mastodon.social/tags/wgsl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wgsl</span></a> <a href="https://mastodon.social/tags/gpu" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gpu</span></a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a></p>
absulit<p>Genuary 6: Make a landscape using only primitive shapes.</p><p>Made with <a href="https://mastodon.social/tags/WebGPU" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebGPU</span></a></p><p><a href="https://mastodon.social/tags/genuary2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary2025</span></a> <a href="https://mastodon.social/tags/genuary" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary</span></a> <a href="https://mastodon.social/tags/genuary6" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary6</span></a><br><a href="https://mastodon.social/tags/generativeart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>generativeart</span></a> <a href="https://mastodon.social/tags/creativecoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>creativecoding</span></a> <a href="https://mastodon.social/tags/genart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genart</span></a> <a href="https://mastodon.social/tags/webgl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webgl</span></a> <a href="https://mastodon.social/tags/wgsl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wgsl</span></a><br><a href="https://mastodon.social/tags/abstract" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>abstract</span></a> <a href="https://mastodon.social/tags/abstractart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>abstractart</span></a> <a href="https://mastodon.social/tags/digitalart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>digitalart</span></a> <a href="https://mastodon.social/tags/animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>animation</span></a> <a href="https://mastodon.social/tags/mograph" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mograph</span></a> <a href="https://mastodon.social/tags/motiongraphics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>motiongraphics</span></a> <br><a href="https://mastodon.social/tags/math" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>math</span></a> <a href="https://mastodon.social/tags/mathart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mathart</span></a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> <a href="https://mastodon.social/tags/surrealism" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>surrealism</span></a> <a href="https://mastodon.social/tags/surrealart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>surrealart</span></a><br><a href="https://mastodon.social/tags/shader" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>shader</span></a> <a href="https://mastodon.social/tags/loop" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>loop</span></a> <a href="https://mastodon.social/tags/cgi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cgi</span></a> <a href="https://mastodon.social/tags/sdf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sdf</span></a></p>
absulit<p>Genuary 5: Isometric Art (No vanishing points).</p><p>Made with <a href="https://mastodon.social/tags/WebGPU" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebGPU</span></a></p><p>A raymarched cube spinning and being clipped.</p><p>This one was really hard because I have no idea how to make the ortho camera here, but managed to do it and it kind of works.</p><p><a href="https://mastodon.social/tags/genuary2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary2025</span></a> <a href="https://mastodon.social/tags/genuary" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary</span></a> <a href="https://mastodon.social/tags/genuary5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary5</span></a><br><a href="https://mastodon.social/tags/generativeart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>generativeart</span></a> <a href="https://mastodon.social/tags/creativecoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>creativecoding</span></a> <a href="https://mastodon.social/tags/genart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genart</span></a> <a href="https://mastodon.social/tags/webgl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webgl</span></a> <a href="https://mastodon.social/tags/wgsl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wgsl</span></a> <a href="https://mastodon.social/tags/abstract" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>abstract</span></a> <a href="https://mastodon.social/tags/abstractart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>abstractart</span></a> <a href="https://mastodon.social/tags/digitalart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>digitalart</span></a> <a href="https://mastodon.social/tags/animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>animation</span></a> <a href="https://mastodon.social/tags/mograph" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mograph</span></a> <a href="https://mastodon.social/tags/motiongraphics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>motiongraphics</span></a> <a href="https://mastodon.social/tags/isometric" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>isometric</span></a> <a href="https://mastodon.social/tags/math" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>math</span></a> <a href="https://mastodon.social/tags/mathart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mathart</span></a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> <a href="https://mastodon.social/tags/surrealism" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>surrealism</span></a> <a href="https://mastodon.social/tags/surrealart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>surrealart</span></a> <a href="https://mastodon.social/tags/shader" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>shader</span></a> <a href="https://mastodon.social/tags/loop" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>loop</span></a> <a href="https://mastodon.social/tags/cgi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cgi</span></a> <a href="https://mastodon.social/tags/sdf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sdf</span></a> <a href="https://mastodon.social/tags/raymarching" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>raymarching</span></a></p>
absulit<p>Genuary 4: Black on black.</p><p>Made with <a href="https://mastodon.social/tags/WebGPU" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebGPU</span></a></p><p><a href="https://mastodon.social/tags/genuary2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary2025</span></a> <a href="https://mastodon.social/tags/genuary" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary</span></a> <a href="https://mastodon.social/tags/genuary4" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary4</span></a><br><a href="https://mastodon.social/tags/generativeart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>generativeart</span></a> <a href="https://mastodon.social/tags/creativecoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>creativecoding</span></a> <a href="https://mastodon.social/tags/genart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genart</span></a> <a href="https://mastodon.social/tags/webgl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webgl</span></a> <a href="https://mastodon.social/tags/wgsl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wgsl</span></a><br><a href="https://mastodon.social/tags/abstract" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>abstract</span></a> <a href="https://mastodon.social/tags/abstractart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>abstractart</span></a> <a href="https://mastodon.social/tags/digitalart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>digitalart</span></a> <a href="https://mastodon.social/tags/animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>animation</span></a> <a href="https://mastodon.social/tags/mograph" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mograph</span></a> <a href="https://mastodon.social/tags/motiongraphics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>motiongraphics</span></a> <br><a href="https://mastodon.social/tags/math" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>math</span></a> <a href="https://mastodon.social/tags/mathart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mathart</span></a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> <a href="https://mastodon.social/tags/surrealism" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>surrealism</span></a> <a href="https://mastodon.social/tags/surrealart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>surrealart</span></a><br><a href="https://mastodon.social/tags/shader" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>shader</span></a> <a href="https://mastodon.social/tags/loop" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>loop</span></a> <a href="https://mastodon.social/tags/cgi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cgi</span></a> <a href="https://mastodon.social/tags/sdf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sdf</span></a></p>
absulit<p>Genuary 3: Exactly 42 lines of code.</p><p>(31, take it or leave it)</p><p>also you could argue there are more lines hidden because of the inner function calls or whatever</p><p>Made with <a href="https://mastodon.social/tags/WebGPU" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebGPU</span></a> </p><p><a href="https://mastodon.social/tags/genuary" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary</span></a> <a href="https://mastodon.social/tags/genuary2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary2025</span></a> <a href="https://mastodon.social/tags/genuary3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary3</span></a> <a href="https://mastodon.social/tags/shader" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>shader</span></a> <a href="https://mastodon.social/tags/glsl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>glsl</span></a> <a href="https://mastodon.social/tags/wgsl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wgsl</span></a> <a href="https://mastodon.social/tags/genart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genart</span></a> <a href="https://mastodon.social/tags/generativeart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>generativeart</span></a> <a href="https://mastodon.social/tags/mograph" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mograph</span></a> <a href="https://mastodon.social/tags/creativecoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>creativecoding</span></a> <a href="https://mastodon.social/tags/animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>animation</span></a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> <a href="https://mastodon.social/tags/mathart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mathart</span></a> <a href="https://mastodon.social/tags/loop" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>loop</span></a> <a href="https://mastodon.social/tags/cgi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cgi</span></a> <a href="https://mastodon.social/tags/sdf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sdf</span></a> <a href="https://mastodon.social/tags/video" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>video</span></a></p>
David Neto<p>I wrote a post about the three ways to declare pure values in WGSL: const, override, and let.</p><p><a href="https://www.dneto.dev/posts/2025/wgsl-evaluation-phase/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://www.</span><span class="ellipsis">dneto.dev/posts/2025/wgsl-eval</span><span class="invisible">uation-phase/</span></a></p><p><a href="https://mastodon.gamedev.place/tags/WGSL" class="mention hashtag" rel="tag">#<span>WGSL</span></a> </p><p>I actually wrote most of this in 2023...</p>
absulit<p>Genuary 2: Layers upon layers upon layers.</p><p>Made with <a href="https://mastodon.social/tags/WebGPU" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebGPU</span></a> </p><p><a href="https://mastodon.social/tags/genuary" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary</span></a> <a href="https://mastodon.social/tags/genuary2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary2025</span></a> <a href="https://mastodon.social/tags/genuary2" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary2</span></a> <a href="https://mastodon.social/tags/shader" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>shader</span></a> <a href="https://mastodon.social/tags/glsl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>glsl</span></a> <a href="https://mastodon.social/tags/wgsl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wgsl</span></a> <a href="https://mastodon.social/tags/genart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genart</span></a> <a href="https://mastodon.social/tags/generativeart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>generativeart</span></a> <a href="https://mastodon.social/tags/mograph" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mograph</span></a> <a href="https://mastodon.social/tags/creativecoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>creativecoding</span></a> <a href="https://mastodon.social/tags/animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>animation</span></a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> <a href="https://mastodon.social/tags/mathart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mathart</span></a> <a href="https://mastodon.social/tags/loop" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>loop</span></a> <a href="https://mastodon.social/tags/cgi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cgi</span></a> <a href="https://mastodon.social/tags/sdf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sdf</span></a> <a href="https://mastodon.social/tags/video" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>video</span></a></p>
absulit<p>Genuary 1: Vertical or horizontal lines only.</p><p>Made with <a href="https://mastodon.social/tags/WebGPU" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebGPU</span></a> </p><p><a href="https://mastodon.social/tags/genuary" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary</span></a> <a href="https://mastodon.social/tags/genuary2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary2025</span></a> <a href="https://mastodon.social/tags/genuary1" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary1</span></a> <a href="https://mastodon.social/tags/shader" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>shader</span></a> <a href="https://mastodon.social/tags/glsl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>glsl</span></a> <a href="https://mastodon.social/tags/wgsl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wgsl</span></a> <a href="https://mastodon.social/tags/genart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genart</span></a> <a href="https://mastodon.social/tags/generativeart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>generativeart</span></a> <a href="https://mastodon.social/tags/mograph" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mograph</span></a> <a href="https://mastodon.social/tags/creativecoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>creativecoding</span></a> <a href="https://mastodon.social/tags/animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>animation</span></a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> <a href="https://mastodon.social/tags/mathart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mathart</span></a> <a href="https://mastodon.social/tags/loop" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>loop</span></a> <a href="https://mastodon.social/tags/cgi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cgi</span></a> <a href="https://mastodon.social/tags/sdf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sdf</span></a> <a href="https://mastodon.social/tags/video" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>video</span></a> <a href="https://mastodon.social/tags/woman" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>woman</span></a> <a href="https://mastodon.social/tags/window" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>window</span></a> <a href="https://mastodon.social/tags/blackandwhite" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blackandwhite</span></a></p>
JP Stringham 🇨🇦<p>Anyone I know who&#39;s knowledgeable in <a href="https://mastodon.gamedev.place/tags/wgsl" class="mention hashtag" rel="tag">#<span>wgsl</span></a> ? I&#39;ve been doing some tutorials and in the vertex shader, it creates an array:</p><p>let pos = array(<br /> vec2&lt;f32&gt;(-1.0, -1.0),<br /> vec2&lt;f32&gt;(1.0, -1.0),<br /> vec2&lt;f32&gt;(-1.0, 1.0),<br /> vec2&lt;f32&gt;(1.0, 1.0)<br />);</p><p>Then they do this:</p><p>let xy = pos[vert_index];<br />var output: VSOutput;<br />output.position = vec4f(xy, 0.0, 1.0);<br />output.texcoord = xy;<br />return output;</p><p>cool, got it. When I try to skip making the xy var though and direct ref the array, I get a segfault, why?</p>
David Neto<p><span class="h-card" translate="no"><a href="https://hachyderm.io/@chandlerc" class="u-url mention">@<span>chandlerc</span></a></span> </p><p>Nice talk.<br />Reminds me of functional programming / denotational semantics stuff. Semantics via rewriting to esoterica. Cool.</p><p>At some point WGSL will have pressure to generalize and I&#39;d like to keep all this in mind when that happens.</p><p><a href="https://mastodon.gamedev.place/tags/WGSL" class="mention hashtag" rel="tag">#<span>WGSL</span></a></p>