正在加载视频...

视频加载失败

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

My MTSDF generator is ready, built in Rust. The output is highly optimized and plugs directly into my WebGPU engine, using instanced glyphs. Text now aligns perfectly between canvas and HTML, whatever the font used, with accurate position, letter spacing and line height. 🦀 Next step is a particles... show more

Aristide Benoist

32,638 subscribers

20,073 次观看 • 4 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

Integrated unified spray, foam, and bubbles into my fluid simulation. Runs in real-time with WebGPU, Three.js, and over 1 million particles!

Integrated unified spray, foam, and bubbles into my fluid simulation. Runs in real-time with WebGPU, Three.js, and over 1 million particles!

Renaud

44,069 次观看 • 1 年前

HTML enters 3D! Or vice versa? With the new HTML in Canvas by WICG, we can finally put native DOM elements directly into WebGL/WebGPU scenes. It is experimental for now, but the possibilities for 3D interfaces and special effects are huge. This demo was built using Three.js and Omma AI (tool by Spline ) It’s a fun new way to explore what the web can do! Are you interested in seeing the demo?

HTML enters 3D! Or vice versa? With the new HTML in Canvas by WICG, we can finally put native DOM elements directly into WebGL/WebGPU scenes. It is experimental for now, but the possibilities for 3D interfaces and special effects are huge. This demo was built using Three.js and Omma AI (tool by Spline ) It’s a fun new way to explore what the web can do! Are you interested in seeing the demo?

Gábor Pribék

175,490 次观看 • 2 个月前

A tour of the post-processing features in my WebGPU engine. Chaining global passes like blur, bloom, and pixelate, on top of a disturb pipeline with its own options: distortion, black and white, lighten, darken, noise, RGB split, and more. It also supports layer and plane UV isolation. Planes can have optional shadows and rounded borders. Behind-the-scenes split view shows the raw pass vs final composite. Built from scratch with the WebGPU JavaScript API. Lightweight, minimal code, 0 dependencies, modular custom components 🧩. Next, vertex work and finish the MTSDF generator I’m building in Rust. ✨

A tour of the post-processing features in my WebGPU engine. Chaining global passes like blur, bloom, and pixelate, on top of a disturb pipeline with its own options: distortion, black and white, lighten, darken, noise, RGB split, and more. It also supports layer and plane UV isolation. Planes can have optional shadows and rounded borders. Behind-the-scenes split view shows the raw pass vs final composite. Built from scratch with the WebGPU JavaScript API. Lightweight, minimal code, 0 dependencies, modular custom components 🧩. Next, vertex work and finish the MTSDF generator I’m building in Rust. ✨

Aristide Benoist

15,953 次观看 • 4 个月前

Under the hood of every gaussian splat lives a point cloud - what this mean is we can do some really cool things! With points and particles being so relative - you can actually treat them as if they were the same. Here we're using INSYDIUM X-Particles to drive a nexus particle simulation from the millions of splat points directly. This opens the doors to tons of creative opportunities for splats via XP with the full stack of modifiers and controls to take your splat assets to the next level! Rendered with OTOY Octane 2026

Under the hood of every gaussian splat lives a point cloud - what this mean is we can do some really cool things! With points and particles being so relative - you can actually treat them as if they were the same. Here we're using INSYDIUM X-Particles to drive a nexus particle simulation from the millions of splat points directly. This opens the doors to tons of creative opportunities for splats via XP with the full stack of modifiers and controls to take your splat assets to the next level! Rendered with OTOY Octane 2026

Spenser Dickerson

12,055 次观看 • 6 个月前

A painting reborn as data. At Revelium™ Studio with the partnership of Dominik Fojcik, we took Vermeer’s Milkmaid and transformed it into a living 3D point-cloud painting in Three.js with TSL particles. #ThreeJS #WebGPU #AI #TSL #Particles

A painting reborn as data. At Revelium™ Studio with the partnership of Dominik Fojcik, we took Vermeer’s Milkmaid and transformed it into a living 3D point-cloud painting in Three.js with TSL particles. #ThreeJS #WebGPU #AI #TSL #Particles

Niccolò Miranda

54,308 次观看 • 9 个月前

As a learning test, I ported part of my 2D Cloth Physics Simulation to the web using #Rust 🦀 🧪 Try the mini demo: Real-time simulation with Verlet integration, touch/mouse interaction, and web delivery. #gamedev #physics #simulation #verletintegration

As a learning test, I ported part of my 2D Cloth Physics Simulation to the web using #Rust 🦀 🧪 Try the mini demo: Real-time simulation with Verlet integration, touch/mouse interaction, and web delivery. #gamedev #physics #simulation #verletintegration

Claudio Z.

90,713 次观看 • 1 年前

The Milkmaid live demo is here! At Revelium™ Studio , with Dominik Fojcik, we re-imagined Vermeer’s Milkmaid through WebGPU, and TSL particles in Three.js turning a timeless painting into living data. #ThreeJS #WebGPU #AI #TSL #Particles

The Milkmaid live demo is here! At Revelium™ Studio , with Dominik Fojcik, we re-imagined Vermeer’s Milkmaid through WebGPU, and TSL particles in Three.js turning a timeless painting into living data. #ThreeJS #WebGPU #AI #TSL #Particles

Niccolò Miranda

70,331 次观看 • 9 个月前

Picking added to my WebGPU Engine. Next step, ktx textures. #webgpu

Picking added to my WebGPU Engine. Next step, ktx textures. #webgpu

Aristide Benoist

81,911 次观看 • 1 年前

This simple HTML app has a drag-and-drop canvas, 20+ text effects, 3D extrusion, and perspective transforms for your 'text behind image'. 😎 Crazy part: The ML backend is ~50 lines of Python Built with gradio.Server ➡️ bring any frontend you want!

This simple HTML app has a drag-and-drop canvas, 20+ text effects, 3D extrusion, and perspective transforms for your 'text behind image'. 😎 Crazy part: The ML backend is ~50 lines of Python Built with gradio.Server ➡️ bring any frontend you want!

Gradio

11,633 次观看 • 2 个月前

Save this for the next time your typography feels weird and you can’t explain why. Nine times out of ten, it’s line-height - the vertical space between lines of text that decides whether type feels confident or clumsy, readable or tiring. Headlines Compress them. ~1.05–1.25 is usually right. Headlines aren’t meant to be read carefully line by line. They’re meant to land as a shape. Tighter leading pulls words into a single visual block and makes the headline feel confident and intentional. One hard rule: ascenders and descenders should never touch. If your t’s and l’s are colliding with g’s and y’s, you’ve gone too far. Body text Do the opposite. Give it air. ~1.4–1.7, depending on the typeface, its x-height, and the line length. Body text is about endurance. Your reader shouldn’t notice the typography at all. If they’re aware of the type, something’s off. The goal is that they just keep going, paragraph after paragraph, without friction. In Framer, you can find the Line-height settings in the Text Panel > Line. And yes, this applies even if you’re using the same font for headlines and body text! Same font, same page, but they have completely different jobs - and different line height. Sometimes, choosing a good type isn’t enough - you need to know how much space to give letters so they can do their work.

Save this for the next time your typography feels weird and you can’t explain why. Nine times out of ten, it’s line-height - the vertical space between lines of text that decides whether type feels confident or clumsy, readable or tiring. Headlines Compress them. ~1.05–1.25 is usually right. Headlines aren’t meant to be read carefully line by line. They’re meant to land as a shape. Tighter leading pulls words into a single visual block and makes the headline feel confident and intentional. One hard rule: ascenders and descenders should never touch. If your t’s and l’s are colliding with g’s and y’s, you’ve gone too far. Body text Do the opposite. Give it air. ~1.4–1.7, depending on the typeface, its x-height, and the line length. Body text is about endurance. Your reader shouldn’t notice the typography at all. If they’re aware of the type, something’s off. The goal is that they just keep going, paragraph after paragraph, without friction. In Framer, you can find the Line-height settings in the Text Panel > Line. And yes, this applies even if you’re using the same font for headlines and body text! Same font, same page, but they have completely different jobs - and different line height. Sometimes, choosing a good type isn’t enough - you need to know how much space to give letters so they can do their work.

charlota

21,862 次观看 • 4 个月前

Cloth simulation made from scratch and rendered with my WebGL2 engine. All points and joints are instanced for better performance. I have also used quaternion math to define the orientation of joints. Inspired by the C++ implementation of Verlet Cloth from pikuma.com

Cloth simulation made from scratch and rendered with my WebGL2 engine. All points and joints are instanced for better performance. I have also used quaternion math to define the orientation of joints. Inspired by the C++ implementation of Verlet Cloth from pikuma.com

Michal Zalobny

62,299 次观看 • 10 个月前

html-in-canvas API is shattering my expectations

html-in-canvas API is shattering my expectations

AA

924,329 次观看 • 2 个月前

forge3d just crossed 200 ⭐ on GitHub. I built this Rust and WebGPU 3D terrain engine for Python to render in high-quality maps in no time. Thank you to everyone who starred, tested, and filed issues. This is only the start.

forge3d just crossed 200 ⭐ on GitHub. I built this Rust and WebGPU 3D terrain engine for Python to render in high-quality maps in no time. Thank you to everyone who starred, tested, and filed issues. This is only the start.

Milos

16,773 次观看 • 1 个月前

ChatGPT 5.1 vs. Claude Opus 4.5 vs. DeepSeek-V3.2 (left) (middle) (right) prompt I used: Create a single HTML file containing a realistic cloth simulation using HTML5 Canvas and JavaScript. The cloth should be a grid of points connected by constraints using Verlet integration. Implement gravity and mouse interaction: the user should be able to click and drag particles to tear the cloth. The physics must remain stable without exploding.

ChatGPT 5.1 vs. Claude Opus 4.5 vs. DeepSeek-V3.2 (left) (middle) (right) prompt I used: Create a single HTML file containing a realistic cloth simulation using HTML5 Canvas and JavaScript. The cloth should be a grid of points connected by constraints using Verlet integration. Implement gravity and mouse interaction: the user should be able to click and drag particles to tear the cloth. The physics must remain stable without exploding.

God of Prompt

96,685 次观看 • 6 个月前

🪄 ChatGPT-5 Magic!🪄 I took the classic AI coding challenge into full 3D with our upcoming #FigminXR API — and my mind is blown 🤯 My AI built the 3D models using our Tilt Brush tools and brought them to life with it's *OWN* physics simulation! Code in the comments ⬇️

🪄 ChatGPT-5 Magic!🪄 I took the classic AI coding challenge into full 3D with our upcoming #FigminXR API — and my mind is blown 🤯 My AI built the 3D models using our Tilt Brush tools and brought them to life with it's OWN physics simulation! Code in the comments ⬇️

Javier Davalos

17,591 次观看 • 10 个月前

The web is fun again. HTML-in-canvas is insane. Made with Omma.

The web is fun again. HTML-in-canvas is insane. Made with Omma.

Omma AI

27,518 次观看 • 2 个月前

The first public dynamic Gaussian Splatting implementation in VR is here from San Francisco based Gmix, compatible with WebXR and Apple Vision Pro. 🔗

The first public dynamic Gaussian Splatting implementation in VR is here from San Francisco based Gmix, compatible with WebXR and Apple Vision Pro. 🔗

Radiance Fields

31,612 次观看 • 2 年前

I am really super happy to show you my research that transform 3D volumetric capture of man capture with Kartel.ai and with env gaussian splatting generated with World Labs in a three.js player . And all that is "upscale" using Hunyuan vid2vid model with a Lora train on videos on the main actor. Hope the future of movie is here :) . Still need some work, but you can get the idea

I am really super happy to show you my research that transform 3D volumetric capture of man capture with Kartel.ai and with env gaussian splatting generated with World Labs in a three.js player . And all that is "upscale" using Hunyuan vid2vid model with a Lora train on videos on the main actor. Hope the future of movie is here :) . Still need some work, but you can get the idea

Lovis Odin

23,004 次观看 • 1 年前

Scan -> viewing in VR in less than 5 minutes It is pretty neat to have a Gaussian Splatting capturing platform (Scaniverse) + cloud storage + VR viewer (Into the Scaniverse) under one Niantic account

Scan -> viewing in VR in less than 5 minutes It is pretty neat to have a Gaussian Splatting capturing platform (Scaniverse) + cloud storage + VR viewer (Into the Scaniverse) under one Niantic account

Azad Balabanian

11,643 次观看 • 1 年前

We wired 3D Gaussian Splatting into the 1999 Quake 3 engine - it's fully playable! Echo-2 generates the game levels, and it's rendering spaces directly inside the open source version of id Tech 3. Anyone wants to try it?

We wired 3D Gaussian Splatting into the 1999 Quake 3 engine - it's fully playable! Echo-2 generates the game levels, and it's rendering spaces directly inside the open source version of id Tech 3. Anyone wants to try it?

SpAItial AI

16,390 次观看 • 1 个月前