Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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...

AristideBenoist's profile picture

Aristide Benoist

32,665 subscribers

20,214 Aufrufe • vor 5 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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

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 Aufrufe • vor 1 Jahr

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?
0:10

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,833 Aufrufe • vor 2 Monaten

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. ✨
0:15

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 Aufrufe • vor 5 Monaten

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
0:14

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 Aufrufe • vor 6 Monaten

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
0:15

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 Aufrufe • vor 10 Monaten

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
0:18

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,790 Aufrufe • vor 1 Jahr

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
0:17

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,486 Aufrufe • vor 10 Monaten

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

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

Aristide Benoist

82,024 Aufrufe • vor 1 Jahr

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!
0:17

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,744 Aufrufe • vor 3 Monaten

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.
0:18

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 Aufrufe • vor 5 Monaten

html-in-canvas API is shattering my expectations
0:17

html-in-canvas API is shattering my expectations

AA

924,516 Aufrufe • vor 3 Monaten

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
0:18

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 Aufrufe • vor 11 Monaten

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.
0:12

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 Aufrufe • vor 2 Monaten

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.
0:13

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 Aufrufe • vor 7 Monaten

🪄 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 ⬇️
0:14

🪄 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,596 Aufrufe • vor 11 Monaten

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

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

Omma AI

27,518 Aufrufe • vor 2 Monaten

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

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 Aufrufe • vor 2 Jahren

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
0:11

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 Aufrufe • vor 1 Jahr

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
0:12

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 Aufrufe • vor 1 Jahr

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?
0:14

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,541 Aufrufe • vor 1 Monat