Soraku

Technology-first studio building dedicated WebGPU tools for cinematic browser storytelling. Exploring new forms of real-time visuals and interaction.

[Carolina Aiazzi @Cora_Mat]

Built a sparkling zero-gravity fluid sim in #WebGPU using PBF, marching cubes, and photon mapping for real-time caustics ✨🌊🔮

[Carolina Aiazzi @Cora_Mat]

It works with custom meshes too 💀

[Carolina Aiazzi @Cora_Mat]

✨GI entered the chat 🫶
WIP demo of software ray tracing in our #WebGPU custom engine.
Still a lot of work to improve performance🌸

[Carolina Aiazzi @Cora_Mat]

🦋 Real-time butterflies created with our VFX editor built on top of our custom #WebGPU engine 🦋

That's exactly what my stomach looks like right now💫
#vfx #gamedev

[Carolina Aiazzi @Cora_Mat]

✨Real time VFX using skeletal mesh sampling in our custom #webGPU engine + mouse interaction🌈
Michelle dances, the skinned mesh updates, and thousands of particles follow the character in real time🦴
Every frame drives reactive GPU VFX directly from the animation.
#gamedev #vfx #3d

[Carolina Aiazzi @Cora_Mat]

Every. Single. Drop. 💖🌧️

Pushing our VFX engine to the limit: 100% GPU-driven, zero CPU overhead. No pre-baked textures, just pure procedural chaos.✨

Each raindrop spawns a smooth Hermite-interpolated trail in real-time via GPU events, then shatters into 8–10 unique splash particles on impact. Thousands of collisions running entirely on the GPU. ⚡️

#webGPU #gamedev

[Carolina Aiazzi @Cora_Mat]

Am I the only one who is obsessed with holographic shaders on clothes?!🌈✨

[Carolina Aiazzi @Cora_Mat]

🌈Rainbow volumetric lights under Tokyo’s rain 💖
Made with custom #webGPU engine 🌸
#realtime ✨

[Carolina Aiazzi @Cora_Mat]

Built a particle simulation in #WebGPU inspired by the amazing work of @hector_arellano for @active_theory. Insanely fun to bring this to life with compute shaders ✨💗

[Etienne Pinchon @EtiennePinchon]

Here is a little WIP demo of our WebGPU GI (global illumination) made with @Cora_Mat!
It is fully dynamic, no bake required. It works off-screen with nice color bleeds even if walls / meshes are not visible and with manageable artifacts (ghosting and defects here and there 🤫). It is not perfect and we're still tweaking performance but... smooth GI in the browser is something else!

#WebGPU

[Etienne Pinchon @EtiennePinchon]

A closer look at the meshlet density. 🔍
Here is a raw capture of the 10,000 characters in debug mode.
300M triangles being culled and skinned entirely on the GPU. No trickery, just #WebGPU.

#GraphicsProgramming #Gamedev #3D

[Etienne Pinchon @EtiennePinchon]

You know what’s even cooler than instanced skinning?
Full Meshlet Skinning with #WebGPU in the browser. 🦴

10,000 characters.
300M triangles.
Per-cluster culling.
Zero CPU bottleneck.

@Cora_Mat and I have spent the last few years building a custom GPU-driven engine for the web. More to come soon!🤫

[holtsetio @holtsetio]

Everyone is talking about liquid glass right now. How about some threejs/WebGPU powered softbody glass?

Quick & dirty demo available here: https://t.co/HsdYt8vAUY

Anyone got any ideas how to build something cool out of this? 🤔

[Soraku @sorakulabs]

❤️

[Jonny Reid @jonny0_0]

If you want to know how to do this kind of texture blending in #threejs I made a tutorial of how you can do it using @nodetoy, which is a tool I really love. It's especially great for 3D folk getting into shaders.

I'll post the link in the replies.

#webgl #threejsjourney

[Soraku @sorakulabs]

Fantastic tutorial on custom shaders w/ React Three Fiber and Nodetoy by @Domenico_brz 😍🚀
👉 https://t.co/5I1UF4sjEs
@threejs @pmndrs

[Lix @holoShaderGirl]

Nodes fire challenge @bruno_simon ?🔥🔥

Made in @nodetoy✨

Graph 👉 https://t.co/Zk4gw4LZM3

[David Ville @ElDavidVille]

I made a Carbon Fiber Procedural Shader using @nodetoy the other day

[Soraku @sorakulabs]

Functions are finally here 🥳🍬

[Soraku @sorakulabs]

NodeToy's functions will unlock a lot of potential 🔥

🍬 One function, infinite candy canes 🍭

Soon, in the next release 👀

[Dexter Yang ᯅノ🌐🔗🧙🏻‍♂️👾🦋 @dexteryy]

(3/4) 用 node graph 编辑模型和场景（程序化建模）
- Polygon.js：https://t.co/OdckzcftvB
- ThreeGN（实现 Blender 的几何节点系统）：https://t.co/4WVxoKpMbw

用 node graph 写材质和 shader
- NodeToy：https://t.co/HAve6mtH8D
- Babylon.js Node Material Editor：https://t.co/7vpjfQou9m

[Soraku @sorakulabs]

@pablolarah ❤️