#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

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

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

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

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

This is more or less how the uniforms, storage and constants can be used now.

You can basically assign new properties on the fly to these attributes from the main library class and that's basically it.

#webgpu #wgsl #graphicsprogramming #javascript #webdev #webdevelopment

This is more or less how the uniforms, storage and constants can be used now.

You can basically assign new properties on the fly to these attributes from the main library class and that's basically it.

#webgpu #wgsl #graphicsprogramming #javascript #webdev #webdevelopment

This is more or less how the uniforms, storage and constants can be used now.

You can basically assign new properties on the fly to these attributes from the main library class and that's basically it.

#webgpu #wgsl #graphicsprogramming #javascript #webdev #webdevelopment

This is more or less how the uniforms, storage and constants can be used now.

You can basically assign new properties on the fly to these attributes from the main library class and that's basically it.

#webgpu #wgsl #graphicsprogramming #javascript #webdev #webdevelopment

This is more or less how the uniforms, storage and constants can be used now.

You can basically assign new properties on the fly to these attributes from the main library class and that's basically it.

#webgpu #wgsl #graphicsprogramming #javascript #webdev #webdevelopment

POINTS WebGPU library v0.8.0 Features a new way to handle uniforms, storages and constants

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