Iwo Plaza | TypeGPU

@iwoplaza.dev

Lead Developer on http://typegpu.com // @swmansion.com 👨🏻‍💻🐸💚 https://github.com/iwoplaza 🧟🕷️⛏️ https://github.com/mobends 🎶🎹🎶 http://soundcloud.com/ivesiris

A demo scene of 3d objects morphing into each other, with a soft shadow casted underneath. It's rendered using a technique called Ray Marching (Sphere Tracing) using a custom rendering engine written in TypeGPU

$// Zod-like schema for I/O with the GPU const Material = struct({ albedo: vec3f, }); // Allows `material` to point to different memory on each draw-call. const layout = tgpu.bindGroupLayout({ material: { uniform: Material }, }); // A typed reference to the eventually bound resource. const { material } = layout.bound; // ^? TgpuBufferUniform<WgslStruct{ albedo: Vec3f }> // Constant at shader creation time, precomputed. const sunDir = normalize(vec3f(-0.5, 2, -0.5)); // 🚀: `computeColor` is a function that can run on the GPU! const computeColor = tgpu.fn([vec3f], vec4f).does((normal) => { const diffuse = vec3f(1, 0.9, 0.7); const ambient = vec3f(0.1, 0.15, 0.2); const att = max(0, dot(normalize(normal), sunDir)); // 🎉: The type of `albedo` is infered, and properly type checked. const albedo = material.value.albedo; // => v3f const lightColor = add(ambient, mul(att, diffuse)); const surfaceColor = mul(lightColor, albedo); return vec4f(surfaceColor.xyz, 1); });$