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

The progress over this Liquid simulation using compute shaders in Defold is astonishing - it has now a translucent shader for the liquid, just take a look:

#MadeWithDefold #gamedev #physics #computeshaders #simulation #liquidsimulation #indiedev

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

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

Hướng dẫn tạo biểu đồ Voronoi động với WebGPU Compute Shaders!
Tạo biểu đồ Voronoi thời gian thực trên GPU với thủ thuật lưới, giảm thiểu tính toán phức tạp.
Giải thích toán học, hàm hash, hoạt hình và tải lại shader trực tiếp.
#WebGPU #VoronoiDiagrams #ComputeShaders #LậpTrìnhĐồHọa #ĐồHọaMáyTính #Tutorial #ShaderToy #GitHub

https://www.reddit.com/r/programming/comments/1o1owk3/tutorial_animated_voronoi_diagrams_with_webgpu/