#wgsl — Public Fediverse posts

POINTS WebGPU library v0.11.0 Features support for animated meshes, new clear buffer method and important bugfixes

Repo: https://github.com/Absulit/points
Examples: https://absulit.github.io/points/examples
npm: https://www.npmjs.com/package/@absulit/points
jsr.io: https://jsr.io/@absulit/points

#webgpu #wgsl #graphicsprogramming #javascript #webdev #webdevelopment #genart #creativecoding #digitalart #3d #cgi #computeshaders #shaders #generativeart

POINTS WebGPU library v0.11.0 Features support for animated meshes, new clear buffer method and important bugfixes

Repo: https://github.com/Absulit/points
Examples: https://absulit.github.io/points/examples
npm: https://www.npmjs.com/package/@absulit/points
jsr.io: https://jsr.io/@absulit/points

#webgpu #wgsl #graphicsprogramming #javascript #webdev #webdevelopment #genart #creativecoding #digitalart #3d #cgi #computeshaders #shaders #generativeart

POINTS WebGPU library v0.11.0 Features support for animated meshes, new clear buffer method and important bugfixes

Repo: https://github.com/Absulit/points
Examples: https://absulit.github.io/points/examples
npm: https://www.npmjs.com/package/@absulit/points
jsr.io: https://jsr.io/@absulit/points

#webgpu #wgsl #graphicsprogramming #javascript #webdev #webdevelopment #genart #creativecoding #digitalart #3d #cgi #computeshaders #shaders #generativeart

POINTS WebGPU library v0.11.0 Features support for animated meshes, new clear buffer method and important bugfixes

Repo: https://github.com/Absulit/points
Examples: https://absulit.github.io/points/examples
npm: https://www.npmjs.com/package/@absulit/points
jsr.io: https://jsr.io/@absulit/points

#webgpu #wgsl #graphicsprogramming #javascript #webdev #webdevelopment #genart #creativecoding #digitalart #3d #cgi #computeshaders #shaders #generativeart

POINTS WebGPU library v0.11.0 Features support for animated meshes, new clear buffer method and important bugfixes

Repo: https://github.com/Absulit/points
Examples: https://absulit.github.io/points/examples
npm: https://www.npmjs.com/package/@absulit/points
jsr.io: https://jsr.io/@absulit/points

#webgpu #wgsl #graphicsprogramming #javascript #webdev #webdevelopment #genart #creativecoding #digitalart #3d #cgi #computeshaders #shaders #generativeart

If you're at SIGGRAPH 2026, don't miss the Real-Time Shading BOF — Tuesday, July 21, 1:00–3:00 PM PDT, Room 518

Special guest speaker, Ken Perlin, will be presenting, "The birth of Procedural Shaders." Don't miss it!

https://www.khronos.org/events/siggraph-2026?utm_medium=social&utm_source=bsky&utm_campaign=Shader_BOF&utm_content=events
#Shaders #SIGGRAPH2026 #glsl #hlsl #slang #wgsl #osl

If you're at SIGGRAPH 2026, don't miss the Real-Time Shading BOF — Tuesday, July 21, 1:00–3:00 PM PDT, Room 518

Special guest speaker, Ken Perlin, will be presenting, "The birth of Procedural Shaders." Don't miss it!

https://www.khronos.org/events/siggraph-2026?utm_medium=social&utm_source=bsky&utm_campaign=Shader_BOF&utm_content=events
#Shaders #SIGGRAPH2026 #glsl #hlsl #slang #wgsl #osl

If you're at SIGGRAPH 2026, don't miss the Real-Time Shading BOF — Tuesday, July 21, 1:00–3:00 PM PDT, Room 518

Special guest speaker, Ken Perlin, will be presenting, "The birth of Procedural Shaders." Don't miss it!

https://www.khronos.org/events/siggraph-2026?utm_medium=social&utm_source=bsky&utm_campaign=Shader_BOF&utm_content=events
#Shaders #SIGGRAPH2026 #glsl #hlsl #slang #wgsl #osl

If you're at SIGGRAPH 2026, don't miss the Real-Time Shading BOF — Tuesday, July 21, 1:00–3:00 PM PDT, Room 518

Special guest speaker, Ken Perlin, will be presenting, "The birth of Procedural Shaders." Don't miss it!

https://www.khronos.org/events/siggraph-2026?utm_medium=social&utm_source=bsky&utm_campaign=Shader_BOF&utm_content=events
#Shaders #SIGGRAPH2026 #glsl #hlsl #slang #wgsl #osl

If you're at SIGGRAPH 2026, don't miss the Real-Time Shading BOF — Tuesday, July 21, 1:00–3:00 PM PDT, Room 518

Special guest speaker, Ken Perlin, will be presenting, "The birth of Procedural Shaders." Don't miss it!

https://www.khronos.org/events/siggraph-2026?utm_medium=social&utm_source=bsky&utm_campaign=Shader_BOF&utm_content=events
#Shaders #SIGGRAPH2026 #glsl #hlsl #slang #wgsl #osl

New video about WebGPU Particles. I wanted to create a very short video displaying the multiple options the sliders offer, but there's actually quite a lot of possibilities with this and the video is 4 minutes, so I had to upload it to the tube.

https://youtu.be/AdqQjXoWXxM

#webgpu #wgsl #graphicsprogramming
#javascript #webdev #webdevelopment #genart #creativecoding #digitalart #3d #cgi #computeshaders #shaders #generativeart

New video about WebGPU Particles. I wanted to create a very short video displaying the multiple options the sliders offer, but there's actually quite a lot of possibilities with this and the video is 4 minutes, so I had to upload it to the tube.

https://youtu.be/AdqQjXoWXxM

#webgpu #wgsl #graphicsprogramming
#javascript #webdev #webdevelopment #genart #creativecoding #digitalart #3d #cgi #computeshaders #shaders #generativeart

New video about WebGPU Particles. I wanted to create a very short video displaying the multiple options the sliders offer, but there's actually quite a lot of possibilities with this and the video is 4 minutes, so I had to upload it to the tube.

https://youtu.be/AdqQjXoWXxM

#webgpu #wgsl #graphicsprogramming
#javascript #webdev #webdevelopment #genart #creativecoding #digitalart #3d #cgi #computeshaders #shaders #generativeart

New video about WebGPU Particles. I wanted to create a very short video displaying the multiple options the sliders offer, but there's actually quite a lot of possibilities with this and the video is 4 minutes, so I had to upload it to the tube.

https://youtu.be/AdqQjXoWXxM

#webgpu #wgsl #graphicsprogramming
#javascript #webdev #webdevelopment #genart #creativecoding #digitalart #3d #cgi #computeshaders #shaders #generativeart

New video about WebGPU Particles. I wanted to create a very short video displaying the multiple options the sliders offer, but there's actually quite a lot of possibilities with this and the video is 4 minutes, so I had to upload it to the tube.

https://youtu.be/AdqQjXoWXxM

#webgpu #wgsl #graphicsprogramming
#javascript #webdev #webdevelopment #genart #creativecoding #digitalart #3d #cgi #computeshaders #shaders #generativeart

Great improvements in the particle system!

#webgpu #wgsl #graphicsprogramming
#javascript #webdev #webdevelopment #genart #creativecoding #digitalart #3d #cgi #computeshaders #shaders #generativeart

Great improvements in the particle system!

#webgpu #wgsl #graphicsprogramming
#javascript #webdev #webdevelopment #genart #creativecoding #digitalart #3d #cgi #computeshaders #shaders #generativeart

Great improvements in the particle system!

#webgpu #wgsl #graphicsprogramming
#javascript #webdev #webdevelopment #genart #creativecoding #digitalart #3d #cgi #computeshaders #shaders #generativeart

Great improvements in the particle system!

#webgpu #wgsl #graphicsprogramming
#javascript #webdev #webdevelopment #genart #creativecoding #digitalart #3d #cgi #computeshaders #shaders #generativeart

Great improvements in the particle system!

#webgpu #wgsl #graphicsprogramming
#javascript #webdev #webdevelopment #genart #creativecoding #digitalart #3d #cgi #computeshaders #shaders #generativeart

This particle thingy is getting crazier and crazier!

#webgpu #wgsl #graphicsprogramming
#javascript #webdev #webdevelopment #genart #creativecoding #digitalart #3d #cgi #computeshaders #shaders #generativeart

This particle thingy is getting crazier and crazier!

#webgpu #wgsl #graphicsprogramming
#javascript #webdev #webdevelopment #genart #creativecoding #digitalart #3d #cgi #computeshaders #shaders #generativeart

This particle thingy is getting crazier and crazier!

#webgpu #wgsl #graphicsprogramming
#javascript #webdev #webdevelopment #genart #creativecoding #digitalart #3d #cgi #computeshaders #shaders #generativeart

This particle thingy is getting crazier and crazier!

#webgpu #wgsl #graphicsprogramming
#javascript #webdev #webdevelopment #genart #creativecoding #digitalart #3d #cgi #computeshaders #shaders #generativeart

This particle thingy is getting crazier and crazier!

#webgpu #wgsl #graphicsprogramming
#javascript #webdev #webdevelopment #genart #creativecoding #digitalart #3d #cgi #computeshaders #shaders #generativeart

Working on some particles effect with WebGPU and my library.

#webgpu #wgsl #graphicsprogramming #javascript #webdev #webdevelopment #genart #creativecoding #digitalart #3d #cgi #computeshaders #shaders #generativeart

Working on some particles effect with WebGPU and my library.

#webgpu #wgsl #graphicsprogramming #javascript #webdev #webdevelopment #genart #creativecoding #digitalart #3d #cgi #computeshaders #shaders #generativeart

Working on some particles effect with WebGPU and my library.

#webgpu #wgsl #graphicsprogramming #javascript #webdev #webdevelopment #genart #creativecoding #digitalart #3d #cgi #computeshaders #shaders #generativeart

Working on some particles effect with WebGPU and my library.

#webgpu #wgsl #graphicsprogramming #javascript #webdev #webdevelopment #genart #creativecoding #digitalart #3d #cgi #computeshaders #shaders #generativeart

Working on some particles effect with WebGPU and my library.

#webgpu #wgsl #graphicsprogramming #javascript #webdev #webdevelopment #genart #creativecoding #digitalart #3d #cgi #computeshaders #shaders #generativeart

Added a bit of animation support to my WebGPU library using @donmccurdy 's glTF-Transform and @tojiro 's gl-matrix.

#webgpu #wgsl #graphicsprogramming #javascript #webdev #webdevelopment #genart #creativecoding #digitalart #3d #cgi #shaders #generativeart #gltf

Added a bit of animation support to my WebGPU library using @donmccurdy 's glTF-Transform and @tojiro 's gl-matrix.

#webgpu #wgsl #graphicsprogramming #javascript #webdev #webdevelopment #genart #creativecoding #digitalart #3d #cgi #shaders #generativeart #gltf

Added a bit of animation support to my WebGPU library using @donmccurdy 's glTF-Transform and @tojiro 's gl-matrix.

#webgpu #wgsl #graphicsprogramming #javascript #webdev #webdevelopment #genart #creativecoding #digitalart #3d #cgi #shaders #generativeart #gltf

Added a bit of animation support to my WebGPU library using @donmccurdy 's glTF-Transform and @tojiro 's gl-matrix.

#webgpu #wgsl #graphicsprogramming #javascript #webdev #webdevelopment #genart #creativecoding #digitalart #3d #cgi #shaders #generativeart #gltf

Added a bit of animation support to my WebGPU library using @donmccurdy 's glTF-Transform and @tojiro 's gl-matrix.

#webgpu #wgsl #graphicsprogramming #javascript #webdev #webdevelopment #genart #creativecoding #digitalart #3d #cgi #shaders #generativeart #gltf

I personally don't like that #threejs uses #tsl to build shaders.
First, it seems to me that TSL takes a bit to "compile" the shaders on page load, and that's a bit annoying.
Second is the TSL language itself; if devs are going to learn a new "language" then just learn #wgsl.

I understand this is to provide compatibility with #glsl, but not a super fan.

I also must say this is not the first time I talk trash against a 3d library, the first time it was #AFrame and later I changed my mind.

I personally don't like that #threejs uses #tsl to build shaders.
First, it seems to me that TSL takes a bit to "compile" the shaders on page load, and that's a bit annoying.
Second is the TSL language itself; if devs are going to learn a new "language" then just learn #wgsl.

I understand this is to provide compatibility with #glsl, but not a super fan.

I also must say this is not the first time I talk trash against a 3d library, the first time it was #AFrame and later I changed my mind.

I personally don't like that #threejs uses #tsl to build shaders.
First, it seems to me that TSL takes a bit to "compile" the shaders on page load, and that's a bit annoying.
Second is the TSL language itself; if devs are going to learn a new "language" then just learn #wgsl.

I understand this is to provide compatibility with #glsl, but not a super fan.

I also must say this is not the first time I talk trash against a 3d library, the first time it was #AFrame and later I changed my mind.

I personally don't like that #threejs uses #tsl to build shaders.
First, it seems to me that TSL takes a bit to "compile" the shaders on page load, and that's a bit annoying.
Second is the TSL language itself; if devs are going to learn a new "language" then just learn #wgsl.

I understand this is to provide compatibility with #glsl, but not a super fan.

I also must say this is not the first time I talk trash against a 3d library, the first time it was #AFrame and later I changed my mind.

I personally don't like that #threejs uses #tsl to build shaders.
First, it seems to me that TSL takes a bit to "compile" the shaders on page load, and that's a bit annoying.
Second is the TSL language itself; if devs are going to learn a new "language" then just learn #wgsl.

I understand this is to provide compatibility with #glsl, but not a super fan.

I also must say this is not the first time I talk trash against a 3d library, the first time it was #AFrame and later I changed my mind.

Today I Learned that in WGSL you cannot assign to a swizzle - that means `foo.xyz = vec3f(0)` is illegal?!
https://gpuweb.github.io/gpuweb/wgsl/#vector-multi-component

I was ready to defend you, #WGSL, but this is pretty lame.

Also, it always worked on my machine (Chromium on Linux) and it took a code release to find this out.

Today I Learned that in WGSL you cannot assign to a swizzle - that means `foo.xyz = vec3f(0)` is illegal?!
https://gpuweb.github.io/gpuweb/wgsl/#vector-multi-component

I was ready to defend you, #WGSL, but this is pretty lame.

Also, it always worked on my machine (Chromium on Linux) and it took a code release to find this out.

Today I Learned that in WGSL you cannot assign to a swizzle - that means `foo.xyz = vec3f(0)` is illegal?!
https://gpuweb.github.io/gpuweb/wgsl/#vector-multi-component

I was ready to defend you, #WGSL, but this is pretty lame.

Also, it always worked on my machine (Chromium on Linux) and it took a code release to find this out.

Today I Learned that in WGSL you cannot assign to a swizzle - that means `foo.xyz = vec3f(0)` is illegal?!
https://gpuweb.github.io/gpuweb/wgsl/#vector-multi-component

I was ready to defend you, #WGSL, but this is pretty lame.

Also, it always worked on my machine (Chromium on Linux) and it took a code release to find this out.

Part of my recent progress on my library POINTS (https://github.com/Absulit/points)

These are two render passes. Background pass has an image. Foreground pass has a mesh and an image inside; mesh is scaled dynamically at runtime. The image preserves its ratio no matter the scale of the quad.

#webgpu #wgsl #graphicsprogramming #javascript #webdev #webdevelopment
#genart #creativecoding #digitalart #3d #cgi #computeshaders #shaders #generativeart

Part of my recent progress on my library POINTS (https://github.com/Absulit/points)

These are two render passes. Background pass has an image. Foreground pass has a mesh and an image inside; mesh is scaled dynamically at runtime. The image preserves its ratio no matter the scale of the quad.

#webgpu #wgsl #graphicsprogramming #javascript #webdev #webdevelopment
#genart #creativecoding #digitalart #3d #cgi #computeshaders #shaders #generativeart

Part of my recent progress on my library POINTS (https://github.com/Absulit/points)

These are two render passes. Background pass has an image. Foreground pass has a mesh and an image inside; mesh is scaled dynamically at runtime. The image preserves its ratio no matter the scale of the quad.

#webgpu #wgsl #graphicsprogramming #javascript #webdev #webdevelopment
#genart #creativecoding #digitalart #3d #cgi #computeshaders #shaders #generativeart

Part of my recent progress on my library POINTS (https://github.com/Absulit/points)

These are two render passes. Background pass has an image. Foreground pass has a mesh and an image inside; mesh is scaled dynamically at runtime. The image preserves its ratio no matter the scale of the quad.

#webgpu #wgsl #graphicsprogramming #javascript #webdev #webdevelopment
#genart #creativecoding #digitalart #3d #cgi #computeshaders #shaders #generativeart

Part of my recent progress on my library POINTS (https://github.com/Absulit/points)

These are two render passes. Background pass has an image. Foreground pass has a mesh and an image inside; mesh is scaled dynamically at runtime. The image preserves its ratio no matter the scale of the quad.

#webgpu #wgsl #graphicsprogramming #javascript #webdev #webdevelopment
#genart #creativecoding #digitalart #3d #cgi #computeshaders #shaders #generativeart

I wrote a dithering post-processing effect as a mini weekend project. And I am proud to say I understand ~78.125% of the math. #bevy #bevy_engine #shader #wgsl