正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

🧩 Technical Showcase: What if a WebGPU framework did less on purpose? Motion GPU skips the scene graphs and mesh loaders entirely. Just fullscreen shaders, multi-pass pipelines, and a DAG-based frame scheduler. Built by Marek Jóźwiak. 🔗 #WebGPU #Shaders #Svelte #CreativeCoding

WebGL / WebGPU

3,016 subscribers

13,817 次观看 • 7 个月前 •via X (Twitter)

#WebGPU #Shaders

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

🧊 Technical Showcase: A full WebGPU 3D engine that maps shader geometry to your DOM elements. Martin's gpu-curtains gives you lights, shadows, compute shaders, glTF, and instancing, but the real trick is how it turns your divs into scrollable, resizable shader planes without any coordinate math. The successor to curtains.js, rebuilt from scratch. 🔗 #WebGPU #CreativeCoding #Shaders #WebDev #3D

🧊 Technical Showcase: A full WebGPU 3D engine that maps shader geometry to your DOM elements. Martin's gpu-curtains gives you lights, shadows, compute shaders, glTF, and instancing, but the real trick is how it turns your divs into scrollable, resizable shader planes without any coordinate math. The successor to curtains.js, rebuilt from scratch. 🔗 #WebGPU #CreativeCoding #Shaders #WebDev #3D

WebGL / WebGPU

11,222 次观看 • 8 个月前

🎉 Play Showcase: Thousands of particles. Real physics. Your browser. Juan Cazala (cazala) built Party, a WebGPU playground where you tweak gravity and collisions live while compute shaders handle the chaos. Open it, touch the sliders, lose forty minutes. 🔗 #WebGPU #ParticleSystem #CreativeCoding #ComputeShaders #GraphicsProgramming

🎉 Play Showcase: Thousands of particles. Real physics. Your browser. Juan Cazala (cazala) built Party, a WebGPU playground where you tweak gravity and collisions live while compute shaders handle the chaos. Open it, touch the sliders, lose forty minutes. 🔗 #WebGPU #ParticleSystem #CreativeCoding #ComputeShaders #GraphicsProgramming

WebGL / WebGPU

12,837 次观看 • 8 个月前

💧 Technical Showcase: A piece of WebGL history, rebuilt for WebGPU. Evan Wallace's 2011 water demo helped convince Dylan Field (Dylan Field) that Figma could exist. Yong Su (jeantimex) ported it to WebGPU with full caustics, raytraced reflections, and the GitHub repo to study. 🔗 #WebGPU #WebGL #GraphicsProgramming #Shaders #Figma

💧 Technical Showcase: A piece of WebGL history, rebuilt for WebGPU. Evan Wallace's 2011 water demo helped convince Dylan Field (Dylan Field) that Figma could exist. Yong Su (jeantimex) ported it to WebGPU with full caustics, raytraced reflections, and the GitHub repo to study. 🔗 #WebGPU #WebGL #GraphicsProgramming #Shaders #Figma

WebGL / WebGPU

18,778 次观看 • 8 个月前

🌍 Community Showcase: False Earth, an astronaut lands on a planet that looks like Earth but doesn't behave like one. Over 1M grass blades rendered via WebGPU compute shaders, procedural FBM terrain, and VAT-driven roses, all running real-time in the browser. A quiet, strange sequel to Drift by MJ. 🔗 #WebGPU #ThreeJS #CreativeCoding #TSL #React

🌍 Community Showcase: False Earth, an astronaut lands on a planet that looks like Earth but doesn't behave like one. Over 1M grass blades rendered via WebGPU compute shaders, procedural FBM terrain, and VAT-driven roses, all running real-time in the browser. A quiet, strange sequel to Drift by MJ. 🔗 #WebGPU #ThreeJS #CreativeCoding #TSL #React

WebGL / WebGPU

38,040 次观看 • 6 个月前

⚡Technical Showcase: Peer-to-peer GPU sharing, entirely in the browser. AI Grid lets you run LLMs locally with WebGPU and either donate your spare compute to the network or borrow from someone else's machine. No installs, no cloud. Decentralized inference with nothing but a URL. 🔗 #WebGPU #WebLLM #WebAI #DistributedCompute #ArtificialInteligence

⚡Technical Showcase: Peer-to-peer GPU sharing, entirely in the browser. AI Grid lets you run LLMs locally with WebGPU and either donate your spare compute to the network or borrow from someone else's machine. No installs, no cloud. Decentralized inference with nothing but a URL. 🔗 #WebGPU #WebLLM #WebAI #DistributedCompute #ArtificialInteligence

WebGL / WebGPU

17,200 次观看 • 8 个月前

🚀 I'm launching r3f-webgpu-perf today! "npm i r3f-webgpu-perf" One thing I missed while working with WebGPU in React Three Fiber was a performance monitor similar to r3f-perf. The existing tool is fantastic, but it doesn’t support the WebGPU renderer yet. So I decided to build one. ✅ Supports both WebGL and WebGPU ✅ Modern and customizable UI ✅ Lightweight and easy to integrate ✅ Built specifically for React Three Fiber My goal is to turn r3f-webgpu-perf into more than just a metrics dashboard. I want it to become a learning tool that provides real-time optimization suggestions based on the techniques I’ve developed while building hundreds of interactive 3D projects over the last two decades. A vanilla Three.js version is also planned. If you’re building with Three.js, React Three Fiber, or WebGPU, I’d love for you to try it and share your feedback. ⭐ GitHub: 📦 NPM: Every GitHub star helps make the tool better for the entire community. #threejs #creativecoding #webgpu #r3f

🚀 I'm launching r3f-webgpu-perf today! "npm i r3f-webgpu-perf" One thing I missed while working with WebGPU in React Three Fiber was a performance monitor similar to r3f-perf. The existing tool is fantastic, but it doesn’t support the WebGPU renderer yet. So I decided to build one. ✅ Supports both WebGL and WebGPU ✅ Modern and customizable UI ✅ Lightweight and easy to integrate ✅ Built specifically for React Three Fiber My goal is to turn r3f-webgpu-perf into more than just a metrics dashboard. I want it to become a learning tool that provides real-time optimization suggestions based on the techniques I’ve developed while building hundreds of interactive 3D projects over the last two decades. A vanilla Three.js version is also planned. If you’re building with Three.js, React Three Fiber, or WebGPU, I’d love for you to try it and share your feedback. ⭐ GitHub: 📦 NPM: Every GitHub star helps make the tool better for the entire community. #threejs #creativecoding #webgpu #r3f

Anderson Mancini

24,523 次观看 • 4 个月前

1 million unique objects in WebGPU. It appears to be the fashion to show off limits of one's engine. So here's "Shade" - my WebGPU engine running in the browser, rendering 1,000,000 unique meshes. That is - no instancing, and every mesh has a unique material, geometry and transform. We have full cascaded shadows here in the mix and post-processing stack. "Surely you can't have 1M instances, there's a trick, right?" - Nope. No tricks, just the state-of-the art Vizibility Buffer-based GPU-resident renderer. That is - on the CPU side we submit a fixed number of draw calls regardless of how many instances we have.

1 million unique objects in WebGPU. It appears to be the fashion to show off limits of one's engine. So here's "Shade" - my WebGPU engine running in the browser, rendering 1,000,000 unique meshes. That is - no instancing, and every mesh has a unique material, geometry and transform. We have full cascaded shadows here in the mix and post-processing stack. "Surely you can't have 1M instances, there's a trick, right?" - Nope. No tricks, just the state-of-the art Vizibility Buffer-based GPU-resident renderer. That is - on the CPU side we submit a fixed number of draw calls regardless of how many instances we have.

Alex Goldring

86,497 次观看 • 9 个月前

$Fable 5 built this real-time ocean scene directly in the browser using Three.js, WebGPU and TSL, with no engine and no baked assets. The interesting part is not just that the water looks good. The whole system is being simulated: wave spectrum, GPU FFT, foam generation and refracted-ray caustics, all running live. This is exactly where frontier models start becoming genuinely useful for technical graphics work. Not by replacing years of rendering research, but by compressing the path from complex math to a working interactive result. A small, focused scene, but technically very serious. Cc: Adem Vessell$

Fable 5 built this real-time ocean scene directly in the browser using Three.js, WebGPU and TSL, with no engine and no baked assets. The interesting part is not just that the water looks good. The whole system is being simulated: wave spectrum, GPU FFT, foam generation and refracted-ray caustics, all running live. This is exactly where frontier models start becoming genuinely useful for technical graphics work. Not by replacing years of rendering research, but by compressing the path from complex math to a working interactive result. A small, focused scene, but technically very serious. Cc: Adem Vessell

Token Gremlin

21,731 次观看 • 3 个月前

An enthusiast managed to run Grand Theft Auto V fully offline inside Google Chrome on an Apple M1 MacBook Air. The technical implementation compiles the game engine into 64-bit WebAssembly, executing threads via Web Workers. All rendering is handled directly through the WebGPU interface, utilizing around 6,600 pre-converted WGSL shaders. Roughly 20 GB of core game files stream from a local server and stay cached in browser storage, cutting subsequent boot times down to just 15 seconds. The project initially suffered from script desynchronization, broken save files, and store interface crashes due to asset version mismatches. The author applied targeted JavaScript hooks to bypass missing textures, mirror save data to local storage, lower baseline graphics, and add an optional 30 fps limit. A built-in script trainer with vehicle spawning, telemetry tweaks, and a final-frame sharpening filter was implemented. The build remains demanding and encounters occasional memory crashes. #gtav #chrome #webgpu #webassembly #applem1 #macbook #pcgaming

An enthusiast managed to run Grand Theft Auto V fully offline inside Google Chrome on an Apple M1 MacBook Air. The technical implementation compiles the game engine into 64-bit WebAssembly, executing threads via Web Workers. All rendering is handled directly through the WebGPU interface, utilizing around 6,600 pre-converted WGSL shaders. Roughly 20 GB of core game files stream from a local server and stay cached in browser storage, cutting subsequent boot times down to just 15 seconds. The project initially suffered from script desynchronization, broken save files, and store interface crashes due to asset version mismatches. The author applied targeted JavaScript hooks to bypass missing textures, mirror save data to local storage, lower baseline graphics, and add an optional 30 fps limit. A built-in script trainer with vehicle spawning, telemetry tweaks, and a final-frame sharpening filter was implemented. The build remains demanding and encounters occasional memory crashes. #gtav #chrome #webgpu #webassembly #applem1 #macbook #pcgaming

GameGPU

37,100 次观看 • 11 天前

I can finally announce the project I've been working on with Joce ! Fondant is building a new app that brings avatars and vtubing to Web. Multiplayer lobbies for vtuber streamer collabs or just hangouts with friends, as well as character customization tools building up to a full creator. We are using a WebGL and WebGPU techstack, so part of the point is to provide a cross-platform alternative to the current Unity based app ecosystem, and also to build tools that people can use to create or modify characters without going through a DCC (Blender, Maya, etc). For now we're starting with the basics: multiplayer lobbies, VRM support, and some tools like merging accessories into existing VRMs in the quoted post, and transferring Custom Vertex Normals from proxy meshes. My role is stylized shaders and procedural character creation. I've been working on NPR Shaders and tools to help build and customize 3D anime characters in Blender for years. With WebGPU, we can bring it into Web. My hope is to build a full character customization system for the Web with next gen toon shaders, and also a matching set of tools in Blender for serious content creators. But it is early days still, and there's a lot to be done! Here's the latest WIP of the rig for fitting proxy meshes to new faces.

I can finally announce the project I've been working on with Joce ! Fondant is building a new app that brings avatars and vtubing to Web. Multiplayer lobbies for vtuber streamer collabs or just hangouts with friends, as well as character customization tools building up to a full creator. We are using a WebGL and WebGPU techstack, so part of the point is to provide a cross-platform alternative to the current Unity based app ecosystem, and also to build tools that people can use to create or modify characters without going through a DCC (Blender, Maya, etc). For now we're starting with the basics: multiplayer lobbies, VRM support, and some tools like merging accessories into existing VRMs in the quoted post, and transferring Custom Vertex Normals from proxy meshes. My role is stylized shaders and procedural character creation. I've been working on NPR Shaders and tools to help build and customize 3D anime characters in Blender for years. With WebGPU, we can bring it into Web. My hope is to build a full character customization system for the Web with next gen toon shaders, and also a matching set of tools in Blender for serious content creators. But it is early days still, and there's a lot to be done! Here's the latest WIP of the rig for fitting proxy meshes to new faces.

aVersionOfReality

65,803 次观看 • 1 年前

Claude Opus 5.5 built a fully working 1857 Napoleon load field cannon in 3D 🤯 And no, no Blender, no 3D assets, no textures. Just procedural Three.js WebGPU and TSL shaders for everything. Also those technical drawings are live orthographic renders of that same model, so you can actually see how elevation, pressure, trajectory and firing change in real time. This is where AI is making learning ridiculously easy. Instead of just reading what a field cannon was, how it worked, you can now generate it, interact with it and understand it visually. Future of learning is going to be super duper crazy.

Claude Opus 5.5 built a fully working 1857 Napoleon load field cannon in 3D 🤯 And no, no Blender, no 3D assets, no textures. Just procedural Three.js WebGPU and TSL shaders for everything. Also those technical drawings are live orthographic renders of that same model, so you can actually see how elevation, pressure, trajectory and firing change in real time. This is where AI is making learning ridiculously easy. Instead of just reading what a field cannon was, how it worked, you can now generate it, interact with it and understand it visually. Future of learning is going to be super duper crazy.

The Bugged Dev

19,531 次观看 • 13 天前

A developer shared ongoing progress on building an indie fishing game almost entirely powered by claude. → refines water shaders, lighting transitions, and environmental island placement based on camera testing → polishes game feel and ui layouts to move past generic ai generation aesthetics → coordinates multi-session claude workflows to handle modeling scripts, gameplay logic, and scene integration separately → relies on human oversight to guide aesthetic coherence and prevent pipeline drift → illustrates how sustained iterative workflows with ai tools support long-term solo game production

A developer shared ongoing progress on building an indie fishing game almost entirely powered by claude. → refines water shaders, lighting transitions, and environmental island placement based on camera testing → polishes game feel and ui layouts to move past generic ai generation aesthetics → coordinates multi-session claude workflows to handle modeling scripts, gameplay logic, and scene integration separately → relies on human oversight to guide aesthetic coherence and prevent pipeline drift → illustrates how sustained iterative workflows with ai tools support long-term solo game production

0xMarioNawfal

48,749 次观看 • 1 个月前

🌊: Ever wondered what cutting-edge physics simulation looks like in the browser? Check out saharan / さはら's collection at - Realistic water droplets with WebAssembly SIMD - Interactive fluffy ball sim using GPGPU - Coupled cloth and fluid dynamics in real-time - A digital clock powered by a custom physics engine Saharan built everything in Haxe using techniques like MLS-MPM and parallel computation. The physical accuracy and performance are exceptional. All MIT-licensed on GitHub. Perfect if you're exploring GPGPU techniques, browser physics, or just want to see what's possible with WebGL/WebGPU. #WebGL #WebGPU #Physics #GameDev #ComputationalPhysics

🌊: Ever wondered what cutting-edge physics simulation looks like in the browser? Check out saharan / さはら's collection at - Realistic water droplets with WebAssembly SIMD - Interactive fluffy ball sim using GPGPU - Coupled cloth and fluid dynamics in real-time - A digital clock powered by a custom physics engine Saharan built everything in Haxe using techniques like MLS-MPM and parallel computation. The physical accuracy and performance are exceptional. All MIT-licensed on GitHub. Perfect if you're exploring GPGPU techniques, browser physics, or just want to see what's possible with WebGL/WebGPU. #WebGL #WebGPU #Physics #GameDev #ComputationalPhysics

WebGL / WebGPU

14,778 次观看 • 9 个月前

Working on sparse volumetric light maps for WebGPU. Got generation part sorted. The resolution is adaptive, refining near geometry and skipping through most of the empty space. The video is question uses a map that's only 10MB in size, including everything. That's less the amount of GPU memory that a single leaf takes up on one of threes in the scene, or texture on one of the sign-posts. We get about 1 sample every 30 centimeters in the world space. As a side note: gave my renderer quite the workout, rendering each probe as a separate non-instanced mesh for debugging.

Working on sparse volumetric light maps for WebGPU. Got generation part sorted. The resolution is adaptive, refining near geometry and skipping through most of the empty space. The video is question uses a map that's only 10MB in size, including everything. That's less the amount of GPU memory that a single leaf takes up on one of threes in the scene, or texture on one of the sign-posts. We get about 1 sample every 30 centimeters in the world space. As a side note: gave my renderer quite the workout, rendering each probe as a separate non-instanced mesh for debugging.

Alex Goldring

18,702 次观看 • 8 个月前

Move AI agents into your sketchbook!? It watches you draw in real-time to brainstorm and generate SVGs. To get this running entirely in a single client-side HTML file, I had to build: - My own "DeskView" un-distort from the iPad's wide angle camera (via WebGL homography, DeskView is not available on iPads natively) - WebGPU shaders for the audio-reactive holographic edge glow - WebSocket streaming for the voice/vision loop via Google Gemini AI Live API Built with natural language in Omma AI Would you like to try?

Move AI agents into your sketchbook!? It watches you draw in real-time to brainstorm and generate SVGs. To get this running entirely in a single client-side HTML file, I had to build: - My own "DeskView" un-distort from the iPad's wide angle camera (via WebGL homography, DeskView is not available on iPads natively) - WebGPU shaders for the audio-reactive holographic edge glow - WebSocket streaming for the voice/vision loop via Google Gemini AI Live API Built with natural language in Omma AI Would you like to try?

Gábor Pribék

16,050 次观看 • 5 个月前

$Two new #threejs projects on the way 😍 Working on my own gem renderer with a custom refraction material in TSL for #WebGPU, combining Screen Space Reflections + SSGTAO for superior results, as this allows diamonds to generate reflections on the metal mesh. The performance is incredible, even on gems with over 200 diamonds. This time, without any additional libraries. Just React Three Fiber and a lot of magic with custom shaders in TSL. GemGPU™ will also come with a very minimalist gem and metal customization panel that hides and lets the jewelry be the star. I also created a beautiful new stats panel that completely hides in the scene when not needed. It provides relevant optimization information, a performance gauge, summary and expanded modes, and day/night toggle. In the video, you can also see SSGI in action, with a pearl that reflects, in real time, all the objects in the scene, just as the objects in the scene reflect the pearl. It's magical. There are still a few things to fix, but I'll share the live link soon. Stay tuned.$

Two new #threejs projects on the way 😍 Working on my own gem renderer with a custom refraction material in TSL for #WebGPU, combining Screen Space Reflections + SSGTAO for superior results, as this allows diamonds to generate reflections on the metal mesh. The performance is incredible, even on gems with over 200 diamonds. This time, without any additional libraries. Just React Three Fiber and a lot of magic with custom shaders in TSL. GemGPU™ will also come with a very minimalist gem and metal customization panel that hides and lets the jewelry be the star. I also created a beautiful new stats panel that completely hides in the scene when not needed. It provides relevant optimization information, a performance gauge, summary and expanded modes, and day/night toggle. In the video, you can also see SSGI in action, with a pearl that reflects, in real time, all the objects in the scene, just as the objects in the scene reflect the pearl. It's magical. There are still a few things to fix, but I'll share the live link soon. Stay tuned.

Anderson Mancini

12,113 次观看 • 8 个月前

After about a year of work, V4.0 is finally out and online! 🤠 Built with #threejs , upgrading from r147 to r169😍, this update was a real challenge for me. Here are some of the biggest challenges I faced along the way; 1- Switching everything to real-world units (objects, particles, their motion etc..) 2- Integrating BatchedMesh into game engine. 3- Crafting custom shaders for fake lighting on moving objects. 4- Updating all the old shaders to work seamlessly with changed lightmap system. 5- Reworking the grass shaders to respond properly to artificial lighting and also for the changed threejs materials. 6- Setting light intensities to align with the new units. I would be glad if you can try it out. Let me know what you think and hope everything runs smoothly... #gamedev #indiegame

After about a year of work, V4.0 is finally out and online! 🤠 Built with #threejs , upgrading from r147 to r169😍, this update was a real challenge for me. Here are some of the biggest challenges I faced along the way; 1- Switching everything to real-world units (objects, particles, their motion etc..) 2- Integrating BatchedMesh into game engine. 3- Crafting custom shaders for fake lighting on moving objects. 4- Updating all the old shaders to work seamlessly with changed lightmap system. 5- Reworking the grass shaders to respond properly to artificial lighting and also for the changed threejs materials. 6- Setting light intensities to align with the new units. I would be glad if you can try it out. Let me know what you think and hope everything runs smoothly... #gamedev #indiegame

mert

19,559 次观看 • 2 年前

Someone on Reddit just built a AAA-quality snow simulation in their browser. Using Claude Opus 5. Millions of snow particles. A character in a robe with cloth physics. Five water-based spells that carve the terrain. A snow surfing system with a wake that throws spray into sunlight. Every footstep displaces snow. Trails form berms at the edges. Trenches slowly refill over time. Spells leave permanent craters. The entire thing runs in one browser tab. WebGPU. No game engine. No 3D modeling software. Just code. He wrote one detailed prompt. Opus 5 planned the architecture, wrote the shaders, built the physics, iterated from screenshots, and documented every decision. 9 hours. ~4 million tokens. You can open it right now and walk around in it. This isn't a demo. This is the kind of thing a small studio would spend months building.

Someone on Reddit just built a AAA-quality snow simulation in their browser. Using Claude Opus 5. Millions of snow particles. A character in a robe with cloth physics. Five water-based spells that carve the terrain. A snow surfing system with a wake that throws spray into sunlight. Every footstep displaces snow. Trails form berms at the edges. Trenches slowly refill over time. Spells leave permanent craters. The entire thing runs in one browser tab. WebGPU. No game engine. No 3D modeling software. Just code. He wrote one detailed prompt. Opus 5 planned the architecture, wrote the shaders, built the physics, iterated from screenshots, and documented every decision. 9 hours. ~4 million tokens. You can open it right now and walk around in it. This isn't a demo. This is the kind of thing a small studio would spend months building.

Vaibhav Sisinty

1,220,313 次观看 • 2 个月前

$Example-based Motion Synthesis via Generative Motion Matching paper page: present GenMM, a generative model that "mines" as many diverse motions as possible from a single or few example sequences. In stark contrast to existing data-driven methods, which typically require long offline training time, are prone to visual artifacts, and tend to fail on large and complex skeletons, GenMM inherits the training-free nature and the superior quality of the well-known Motion Matching method. GenMM can synthesize a high-quality motion within a fraction of a second, even with highly complex and large skeletal structures. At the heart of our generative framework lies the generative motion matching module, which utilizes the bidirectional visual similarity as a generative cost function to motion matching, and operates in a multi-stage framework to progressively refine a random guess using exemplar motion matches. In addition to diverse motion generation, we show the versatility of our generative framework by extending it to a number of scenarios that are not possible with motion matching alone, including motion completion, key frame-guided generation, infinite looping, and motion reassembly.$

Example-based Motion Synthesis via Generative Motion Matching paper page: present GenMM, a generative model that "mines" as many diverse motions as possible from a single or few example sequences. In stark contrast to existing data-driven methods, which typically require long offline training time, are prone to visual artifacts, and tend to fail on large and complex skeletons, GenMM inherits the training-free nature and the superior quality of the well-known Motion Matching method. GenMM can synthesize a high-quality motion within a fraction of a second, even with highly complex and large skeletal structures. At the heart of our generative framework lies the generative motion matching module, which utilizes the bidirectional visual similarity as a generative cost function to motion matching, and operates in a multi-stage framework to progressively refine a random guess using exemplar motion matches. In addition to diverse motion generation, we show the versatility of our generative framework by extending it to a number of scenarios that are not possible with motion matching alone, including motion completion, key frame-guided generation, infinite looping, and motion reassembly.

AK

93,773 次观看 • 3 年前

Today we are re-launching shaders in We call them Vibe Shaders. There's nothing else like them. They live next to your .pen files as GLSL files and can be easily vibecoded right on the canvas. Built by designers for designers. They deserved a special Shader Mode, a focused mode to finetune the uniforms directly in the context of your design. In addition to the classic Shader Fills, we've also added Shader Effects. This allows for incredible creative flexibility, as it applies the effect on a whole object tree that's part of a particular frame and you can change everything live, no hustling with textures. Additionally we are also launching Background Shaders, they sample the texture from everything below the object. Imagine creating your own custom background blur or a partial dither effect for objects below a frame. You can also create shaders with 3D transformations to vector logos or build custom shader brushes for vectors paths. Forget having just a fixed set of shaders, this is next level and only possible, because we have a full control over our custom renderer. We also automatically compute the SDF (signed distance field) in realtime, so vectors that have applied shaders can be changed directly on canvas without the need to re-export a new SDF file, an incredible time-saver. Look for the samples in Goodies, which has been updated with a ton of new examples. Or simply pair pen.dev with the latest models, drop in a bunch of images, ask agent to build you a shader and it's guaranteed you will feel an explosion of your creative superpowers!

Today we are re-launching shaders in We call them Vibe Shaders. There's nothing else like them. They live next to your .pen files as GLSL files and can be easily vibecoded right on the canvas. Built by designers for designers. They deserved a special Shader Mode, a focused mode to finetune the uniforms directly in the context of your design. In addition to the classic Shader Fills, we've also added Shader Effects. This allows for incredible creative flexibility, as it applies the effect on a whole object tree that's part of a particular frame and you can change everything live, no hustling with textures. Additionally we are also launching Background Shaders, they sample the texture from everything below the object. Imagine creating your own custom background blur or a partial dither effect for objects below a frame. You can also create shaders with 3D transformations to vector logos or build custom shader brushes for vectors paths. Forget having just a fixed set of shaders, this is next level and only possible, because we have a full control over our custom renderer. We also automatically compute the SDF (signed distance field) in realtime, so vectors that have applied shaders can be changed directly on canvas without the need to re-export a new SDF file, an incredible time-saver. Look for the samples in Goodies, which has been updated with a ton of new examples. Or simply pair pen.dev with the latest models, drop in a bunch of images, ask agent to build you a shader and it's guaranteed you will feel an explosion of your creative superpowers!

Tom Krcha

66,914 次观看 • 4 天前