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,846 subscribers

20,552 Aufrufe • vor 7 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

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

176,669 Aufrufe • vor 5 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

16,364 Aufrufe • vor 8 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,111 Aufrufe • vor 9 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 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,686 Aufrufe • vor 1 Jahr

Seems like a good opportunity to share a trick I used on the React Aria website to make headings scale to fit the viewport on mobile, even with SSR. I used fontkit, a library I wrote 10 years ago to parse fonts and layout glyphs, to measure the width of the heading at build time in the "em" unit. width = font.layout('DateRangePicker').advanceWidth / font.unitsPerEm This is a size independent measurement using the font's internal metrics. When multiplied by any font size, you get the pixel width of the text. To calculate the font size, set this as a CSS variable and divide the target width (100vw minus padding). Clamp to make sure it doesn't get too big or small. font-size: clamp(35px, (100vw - 32px) / var(--text-width), 55px) And tada! You have perfectly scaling text no matter the viewport size. 🎉
0:15

Seems like a good opportunity to share a trick I used on the React Aria website to make headings scale to fit the viewport on mobile, even with SSR. I used fontkit, a library I wrote 10 years ago to parse fonts and layout glyphs, to measure the width of the heading at build time in the "em" unit. width = font.layout('DateRangePicker').advanceWidth / font.unitsPerEm This is a size independent measurement using the font's internal metrics. When multiplied by any font size, you get the pixel width of the text. To calculate the font size, set this as a CSS variable and divide the target width (100vw minus padding). Clamp to make sure it doesn't get too big or small. font-size: clamp(35px, (100vw - 32px) / var(--text-width), 55px) And tada! You have perfectly scaling text no matter the viewport size. 🎉

Devon Govett

48,276 Aufrufe • vor 6 Monaten

System identification (sysid) is the process of finding the physical parameters that make a simulation match reality. If you're training an RL locomotion policy in simulation, the accuracy of your motor model directly affects how well the policy transfers to the real robot. A recent git commit by Kevin Zakka added a sysid toolbox to MuJoCo which automates this process: you provide recorded motor data and a MuJoCo model, and it optimizes the model parameters to minimize the difference between simulated and real trajectories. For my RobStride Dynamics RS02 QDD motors (17 Nm peak, 7.75:1 gear), I built a Rust tool that sends multi-sine torque excitation at 1 kHz and records position/velocity feedback. I then feed this data into MuJoCo's sysid optimizer.
0:11

System identification (sysid) is the process of finding the physical parameters that make a simulation match reality. If you're training an RL locomotion policy in simulation, the accuracy of your motor model directly affects how well the policy transfers to the real robot. A recent git commit by Kevin Zakka added a sysid toolbox to MuJoCo which automates this process: you provide recorded motor data and a MuJoCo model, and it optimizes the model parameters to minimize the difference between simulated and real trajectories. For my RobStride Dynamics RS02 QDD motors (17 Nm peak, 7.75:1 gear), I built a Rust tool that sends multi-sine torque excitation at 1 kHz and records position/velocity feedback. I then feed this data into MuJoCo's sysid optimizer.

David Bar

48,347 Aufrufe • vor 5 Monaten

If you want to understand how far AI-assisted game development has moved in less than a year, IsoCity is one of the best examples. The original version took roughly 40–50 hours with Cursor Composer + cloud agents. Its assets were AI-generated, while the game itself grew into a surprisingly deep city simulation with traffic, pedestrians, trains, planes, zoning, resource management, saving, and mobile support. Under the hood: → Next.js 16 → TypeScript → Native HTML5 Canvas rendering → No external game engine → Custom isometric renderer and simulation systems And the best part: the whole project is open source under MIT, so you can study it, fork it, modify it, or use parts of the architecture in your own experiments. The visual jump from that 2025 build to what agents are producing in 2026 is pretty ridiculous. Built by Andrew Milich and contributors. Repo:
0:13

If you want to understand how far AI-assisted game development has moved in less than a year, IsoCity is one of the best examples. The original version took roughly 40–50 hours with Cursor Composer + cloud agents. Its assets were AI-generated, while the game itself grew into a surprisingly deep city simulation with traffic, pedestrians, trains, planes, zoning, resource management, saving, and mobile support. Under the hood: → Next.js 16 → TypeScript → Native HTML5 Canvas rendering → No external game engine → Custom isometric renderer and simulation systems And the best part: the whole project is open source under MIT, so you can study it, fork it, modify it, or use parts of the architecture in your own experiments. The visual jump from that 2025 build to what agents are producing in 2026 is pretty ridiculous. Built by Andrew Milich and contributors. Repo:

Token Gremlin

28,231 Aufrufe • vor 1 Monat

It's crazy how easy AI video editing has become. 🤯 This was made using Mimic Motion in the Pollo AI app. I simply used a motion reference video together with another image, and the app recreated the same movements, all directly on my phone! No complicated editing or desktop software required. Just a few taps and the result is ready.
0:12

It's crazy how easy AI video editing has become. 🤯 This was made using Mimic Motion in the Pollo AI app. I simply used a motion reference video together with another image, and the app recreated the same movements, all directly on my phone! No complicated editing or desktop software required. Just a few taps and the result is ready.

Jack

30,100 Aufrufe • vor 2 Monaten

HOLY MOLY running a 35B model locally on a MacBook shouldn’t be THIS FAST 🤯 Spent my weekend in atomic.chat testing Qwen 35B vs. Qwen 27B on my local machine. I had them generate a fully animated HTML/Canvas car mini-game (demo below), ... and both models breezed through the physics and parallax scrolling without a hitch! The secret sauce here is the Atomic Chat app. Because it's perfectly optimized for Mac and uses Google's new TurboQuant under the hood, you can run heavy open-source models flawlessly while keeping top-tier output quality 👊 Other perks: → ZERO setup required → Access 1,000+ models completely free → 100% offline and private → Zero API limits ... and MUCH more! I dropped the prompt I used in the 🧵↓ Spin it up locally and let me know what you get!
0:11

HOLY MOLY running a 35B model locally on a MacBook shouldn’t be THIS FAST 🤯 Spent my weekend in atomic.chat testing Qwen 35B vs. Qwen 27B on my local machine. I had them generate a fully animated HTML/Canvas car mini-game (demo below), ... and both models breezed through the physics and parallax scrolling without a hitch! The secret sauce here is the Atomic Chat app. Because it's perfectly optimized for Mac and uses Google's new TurboQuant under the hood, you can run heavy open-source models flawlessly while keeping top-tier output quality 👊 Other perks: → ZERO setup required → Access 1,000+ models completely free → 100% offline and private → Zero API limits ... and MUCH more! I dropped the prompt I used in the 🧵↓ Spin it up locally and let me know what you get!

Charly Wargnier

100,041 Aufrufe • vor 5 Monaten

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

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

messy inputs 👉🏽 polished outputs built a prototype with the idea of letting users bring together images from Lummi into a canvas, quickly wireframe a concept, and then generate polished images as a photo, illustration, 3d render, whatever—with the right lighting, shadows, cohesive colors, and all that good stuff the output is still not great... but this is where I see the future of creative tools heading—kind of like how you give ChatGPT an idea for an email—all the messy bits—and it writes it for you in any tone or style you want in a clear way. now imagine that but for design or imagery
0:16

messy inputs 👉🏽 polished outputs built a prototype with the idea of letting users bring together images from Lummi into a canvas, quickly wireframe a concept, and then generate polished images as a photo, illustration, 3d render, whatever—with the right lighting, shadows, cohesive colors, and all that good stuff the output is still not great... but this is where I see the future of creative tools heading—kind of like how you give ChatGPT an idea for an email—all the messy bits—and it writes it for you in any tone or style you want in a clear way. now imagine that but for design or imagery

Pablo Stanley

12,115 Aufrufe • vor 1 Jahr

Set is ready Elon Musk We built it 25min from downtown Austin and can shoot anytime in the next 7 days on 1h notice. Humanity is on the verge of becoming a multi-planet species and spacefaring civilization. My goal with this interview is to help people viscerally feel what that future is going to look like and get everyone excited to help build it.
0:15

Set is ready Elon Musk We built it 25min from downtown Austin and can shoot anytime in the next 7 days on 1h notice. Humanity is on the verge of becoming a multi-planet species and spacefaring civilization. My goal with this interview is to help people viscerally feel what that future is going to look like and get everyone excited to help build it.

Ti Morse

2,521,899 Aufrufe • vor 3 Monaten

By Thursday, we will be announcing Phase IV of the Health Insurance for vulnerable citizens in Kaduna. The figure takes us to over 1, 000 in partnership with KACHMA. I missed being in the office. In the next few weeks, I will state my position politically. I owe the public that. I always state whatever I do through my handles. I was with my father for a few hours and he is fine with me running. As God is my witness, and on behalf of the excellent people Kaduna North, I will be running for office in 2027, if alive. We will still focus on the job we were elected to do, and there are a few leaders, Northern Statesmen and fathers that I have to speak to. My position is peculiar. But I have tried to handle with honour and dignity. My wife and I have decided this is the right course. And my people are with me, on social media and offline. I have never feared an election for a day. But it is the right of anyone to try. Respect that right knowing my record speaks for me. Thank you.
0:11

By Thursday, we will be announcing Phase IV of the Health Insurance for vulnerable citizens in Kaduna. The figure takes us to over 1, 000 in partnership with KACHMA. I missed being in the office. In the next few weeks, I will state my position politically. I owe the public that. I always state whatever I do through my handles. I was with my father for a few hours and he is fine with me running. As God is my witness, and on behalf of the excellent people Kaduna North, I will be running for office in 2027, if alive. We will still focus on the job we were elected to do, and there are a few leaders, Northern Statesmen and fathers that I have to speak to. My position is peculiar. But I have tried to handle with honour and dignity. My wife and I have decided this is the right course. And my people are with me, on social media and offline. I have never feared an election for a day. But it is the right of anyone to try. Respect that right knowing my record speaks for me. Thank you.

Hon. Mohammed Bello El-Rufai

54,549 Aufrufe • vor 5 Monaten

Here is a drill to help you learn what it feels like to use the ground and start to sequence effectively. Notice how the club is setup in the video between my feet. Get to your back swing and jump favoring your lead foot left and laterally like I am. With that feeling step in and hit one. Not where you are pushing off from when you swing and try and get that into a feeling that makes sense to you. This is how power is created in the golf swing. This is also where physical limitations can show up.
0:19

Here is a drill to help you learn what it feels like to use the ground and start to sequence effectively. Notice how the club is setup in the video between my feet. Get to your back swing and jump favoring your lead foot left and laterally like I am. With that feeling step in and hit one. Not where you are pushing off from when you swing and try and get that into a feeling that makes sense to you. This is how power is created in the golf swing. This is also where physical limitations can show up.

Drake Smith

30,876 Aufrufe • vor 5 Monaten

The New Jerusalem, the dwelling place of the righteous after the Apocalypse, is described as measuring 12,000 stadia. That equals roughly 1,500 miles (2,400 km) in length, width, and height. If compared with the continents, it would stretch roughly from New York to Texas, or across much of Europe. The New Jerusalem is described as a golden cube, symbolizing the alchemical process of purifying the soul and transforming ore into gold, or the black cube into gold. It is the dwelling place of God, where Enoch also walks. I made a simulation showing the size of the cube, but in my opinion, the New Jerusalem is a spiritual place.
0:18

The New Jerusalem, the dwelling place of the righteous after the Apocalypse, is described as measuring 12,000 stadia. That equals roughly 1,500 miles (2,400 km) in length, width, and height. If compared with the continents, it would stretch roughly from New York to Texas, or across much of Europe. The New Jerusalem is described as a golden cube, symbolizing the alchemical process of purifying the soul and transforming ore into gold, or the black cube into gold. It is the dwelling place of God, where Enoch also walks. I made a simulation showing the size of the cube, but in my opinion, the New Jerusalem is a spiritual place.

Open Minded Approach

81,727 Aufrufe • vor 3 Monaten

Kling 3.0 is out but Sora 2 is still the GOAT when it comes to AI UGC 🤯 And this custom GPT turns your sh*tty Sora 2 prompts into scroll-stopping UGC 🤯 Tell it your product --> get a timeline-based prompt with shot composition, camera angles, lighting, and timing breakdowns. Copy, paste, generate. Perfect for DTC brands and agencies who are tired of AI video output that looks like garbage. Here's the problem: Most people prompt Sora 2 like "make a UGC video of someone using my skincare product" and wonder why the output is unusable. Sora 2 needs hyper-specific instructions—shot type, lighting, scene details, timing cues. Without that, you get slop. This GPT fixes it: → Input your product (supplement, skincare, SaaS, whatever) → It generates a detailed Sora 2 prompt with full scene breakdown → Includes shot composition, camera movement, and timing → Optimized for 9:16 TikTok/Reels format → Copy directly into Sora 2 and generate No 80,000 word "prompting frameworks", just results. What you get: > Professional UGC prompts in 10 seconds > Consistent output quality every time > Prompts built for vertical video formats > Works for any product type Want free access to the Sora 2 Prompt Generator GPT? > Like this post > Comment "UGC" And I'll send it over (must be following so I can DM)
0:15

Kling 3.0 is out but Sora 2 is still the GOAT when it comes to AI UGC 🤯 And this custom GPT turns your sh*tty Sora 2 prompts into scroll-stopping UGC 🤯 Tell it your product --> get a timeline-based prompt with shot composition, camera angles, lighting, and timing breakdowns. Copy, paste, generate. Perfect for DTC brands and agencies who are tired of AI video output that looks like garbage. Here's the problem: Most people prompt Sora 2 like "make a UGC video of someone using my skincare product" and wonder why the output is unusable. Sora 2 needs hyper-specific instructions—shot type, lighting, scene details, timing cues. Without that, you get slop. This GPT fixes it: → Input your product (supplement, skincare, SaaS, whatever) → It generates a detailed Sora 2 prompt with full scene breakdown → Includes shot composition, camera movement, and timing → Optimized for 9:16 TikTok/Reels format → Copy directly into Sora 2 and generate No 80,000 word "prompting frameworks", just results. What you get: > Professional UGC prompts in 10 seconds > Consistent output quality every time > Prompts built for vertical video formats > Works for any product type Want free access to the Sora 2 Prompt Generator GPT? > Like this post > Comment "UGC" And I'll send it over (must be following so I can DM)

Mike Futia

22,444 Aufrufe • vor 8 Monaten