#computeshaders — 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

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

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

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

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

Another experiment with my POINTS library. This is basically an old physarum/slime demo I made a while ago, but rebuilt with compute shaders, particles and a lot more efficient than before.

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

All of this and running smoothly without losing any frames. This is the current state of graphics on the web.

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

With the new version of my WebGPU library POINTS v0.6.0 (https://github.com/Absulit/points), I added a bunch of new features like support for depth maps, cameras, bloom and others, so I wanted to make a demo that used all of these.

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

POINTS WebGPU library v0.5.0 Features performance improvements.

I think I can make an art installation with this now.

release: https://github.com/Absulit/points/releases/tag/v0.5.0

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

1 million particles in WebGPU*

*technically 1_048_576

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

POINTS WebGPU library v0.4.0 Features meshes and instances among others.

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

This is a recreation of an old particles demo I made for a AFrame / 8th Wall but in WebGPU. In this case also using instancing I'm creating a burst of particles (cubes) that are removed after a while. The shader is shared on all the cubes and that's what makes the gradient be so uniform across all of them. With a click of a button the shader can be modified and switch from a flat to a Lambert shading.

#webgpu #webdev #computeshaders #javascript #mograph #particles #realtime #cgi #shaders

Another WebGPU instanced particles demo similar to this one https://absulit.github.io/points/examples/index.html#particles2

#webgpu #wgsl #generativeart #shaders #webdevelopment #javascript #webdev #computeshaders #particles #genart #digitalart

This new black hole demo is to celebrate the a new release of my library POINTS (https://github.com/Absulit/points) which is now faster after a series of heavy modifications that improved performance.

The API docs are located here too:
https://absulit.github.io/points/apidocs/

All live demos are located here:
https://absulit.github.io/points/examples/

#webgpu #raymarching #shaders #computeshaders #webdev #javascript #genart #blackhole #simulation #cgi

Adding new demos to my WebGPU library. This one has particles made in a compute shader. It switches from image to video.

Inspired a bit in the official particles demo from the WebGPU Samples

#webgpu #particles #wgsl #computeshaders #genart #javascript #webdev #particles

Oceans created in #Godot via Fourier Transforms 🌊

https://github.com/2Retr0/GodotOceanWaves

#GodotEngine #gamedev #computeshaders #glsl

Never in my life has such an ugly sphere given me so much joy! My #CPP engine can finally run and display #computeShaders. It currently runs a static #sdf #raymarching program. The next step will be to clean up the architecture and connect the cpp scene to the shader.