Loading video...

Video Failed to Load

Go Home

Ran across this great article on sampled SDFs that has *great* interactive WebGL illustrations that work really well for building intuition on how this works. This technique works for SDF-based text rendering or baking of 3D geometry like in my project.

miketuritzin's profile picture

Mike Turitzin

7,227 subscribers

17,799 views • 1 year ago •via X (Twitter)

Science & TechnologyEducation
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Saw this tool Ragged Edge created for Solflare - The Solana Wallet. An internal system that allows their team to create new 3D illustrations at will. How sick is this?! Inspires me to try vibe coding something like this for my own 3D work.
0:17

Saw this tool Ragged Edge created for Solflare - The Solana Wallet. An internal system that allows their team to create new 3D illustrations at will. How sick is this?! Inspires me to try vibe coding something like this for my own 3D work.

Erman Malak

73,946 views • 7 months ago

There are projects after which everything changes. IOCO is one of those cases in my career: 3D, animation, interactive elements, original illustrations - many experimental things became a standard in my work after this project.
0:13

There are projects after which everything changes. IOCO is one of those cases in my career: 3D, animation, interactive elements, original illustrations - many experimental things became a standard in my work after this project.

Mike I Creative Mints

19,627 views • 1 year ago

Here is how DENY ASSASSINATION works in #AssassinsCreed Shadows. Note that Deny Assassination can be turned off in the menu and Insta-kills can be turned on. The Samurai will be great adversaries in this feature. Here's how it works:
0:12

Here is how DENY ASSASSINATION works in #AssassinsCreed Shadows. Note that Deny Assassination can be turned off in the menu and Insta-kills can be turned on. The Samurai will be great adversaries in this feature. Here's how it works:

AC: Landmarks

46,122 views • 1 year ago

Sparse allocation/rendering of SDF bricks is now working! The pipeline is fully GPU-driven - a series of compute shaders that manages brick allocation/baking in a 3D texture atlas, followed by draw-indirect for rendering. Still a lot more work to do, including automatic LOD.
0:17

Sparse allocation/rendering of SDF bricks is now working! The pipeline is fully GPU-driven - a series of compute shaders that manages brick allocation/baking in a 3D texture atlas, followed by draw-indirect for rendering. Still a lot more work to do, including automatic LOD.

Mike Turitzin

39,001 views • 1 year ago

Lately I’ve been seeing a lot of jelly-like UI components, so I decided to make my own in #glsl, running on WebGL! I adapted the volumetric raymarching technique I use in my shaders and built a custom SDF for an iridescent keycap-style button that works as either a slider or a simple push button. The jelly feel comes from elastic easing functions that drive the SDF deformation. The scale, rotation, background, and color palette are all fully configurable.
0:12

Lately I’ve been seeing a lot of jelly-like UI components, so I decided to make my own in #glsl, running on WebGL! I adapted the volumetric raymarching technique I use in my shaders and built a custom SDF for an iridescent keycap-style button that works as either a slider or a simple push button. The jelly feel comes from elastic easing functions that drive the SDF deformation. The scale, rotation, background, and color palette are all fully configurable.

Jae

23,155 views • 6 months ago

How to Handle Tiny Jellyfish🪼 A gentle technique that works well for soft-bodied sea life𓂃🫧
0:19

How to Handle Tiny Jellyfish🪼 A gentle technique that works well for soft-bodied sea life𓂃🫧

でんか@博物ふぇす南館1階B38 「むせきついの国」

116,890 views • 1 year ago

The Attire Parts Removal mod gonna be fun this year! Works great with Vader! We can make this work with any attire part or taunt, so drop suggestions in the comments for what you'd like to see! #WWE2K26
0:10

The Attire Parts Removal mod gonna be fun this year! Works great with Vader! We can make this work with any attire part or taunt, so drop suggestions in the comments for what you'd like to see! #WWE2K26

TRIBUTE: Modding Community

33,767 views • 2 months ago

This dutch oven isn't just adorable on your countertop, it's also great for baking! 👩🏼‍🍳 Shop this and the rest of my discounted kitchen favorites now:
0:18

This dutch oven isn't just adorable on your countertop, it's also great for baking! 👩🏼‍🍳 Shop this and the rest of my discounted kitchen favorites now:

Paris Hilton

14,467 views • 8 months ago

So, Figma finally updated annotations, a feature we've all been waiting for. It's great in theory, but it's only visible to full-seat or dev mode users, and most of my team members aren't either. I’m working on a component-based workaround that works for everyone. Stay tuned.
0:19

So, Figma finally updated annotations, a feature we've all been waiting for. It's great in theory, but it's only visible to full-seat or dev mode users, and most of my team members aren't either. I’m working on a component-based workaround that works for everyone. Stay tuned.

Jess ♡

27,108 views • 1 year ago

And this is how the animation works for this landing page. Cooked well?
0:17

And this is how the animation works for this landing page. Cooked well?

Basit A. Khan

113,713 views • 10 months ago

Working on the last big piece that will be shipped in the alpha of Three.js Blocks: IndirectBatchedMesh for WebGPU. Static scenes with frustum culling + dynamic batching. ~0.3ms CPU for ~500k unique geometry. This is the Web-3D leap WebGL couldn’t hit. 1/3
0:10

Working on the last big piece that will be shipped in the alpha of Three.js Blocks: IndirectBatchedMesh for WebGPU. Static scenes with frustum culling + dynamic batching. ~0.3ms CPU for ~500k unique geometry. This is the Web-3D leap WebGL couldn’t hit. 1/3

Renaud

42,799 views • 7 months ago

introducing Qwen. this new image model comes with great prompt understanding and text rendering. try it now for free in Krea Image.
0:19

introducing Qwen. this new image model comes with great prompt understanding and text rendering. try it now for free in Krea Image.

KREA AI

16,176 views • 10 months ago

The best part? This works in 3d as well. So fucking cool!
0:13

The best part? This works in 3d as well. So fucking cool!

Dhruvin

272,039 views • 10 months ago

This is a street that works for everyone
0:12

This is a street that works for everyone

Hayden

30,356 views • 1 year ago

28 different arm workouts for 28 days straight! Great work by the Centr team to create this awesome burner for each day to get that extra targeted work this summer. Pairs great with the 28 Days of Core as well!! Go crush it! 🔗:
0:15

28 different arm workouts for 28 days straight! Great work by the Centr team to create this awesome burner for each day to get that extra targeted work this summer. Pairs great with the 28 Days of Core as well!! Go crush it! 🔗:

Chris Hemsworth

251,022 views • 1 year ago

leeknow has a leebit keyring in his bag 🐰: it's a friend that i work with. this friend works really hard when i'm not around!
0:10

leeknow has a leebit keyring in his bag 🐰: it's a friend that i work with. this friend works really hard when i'm not around!

비니

116,152 views • 1 month ago

We are looking for a team/agency that can do drone imaging like this for a client. we have the idea just need to make sure it works works. If you know someone please drop them in the comments or pop me a DM. JHB/South Africa based.
0:15

We are looking for a team/agency that can do drone imaging like this for a client. we have the idea just need to make sure it works works. If you know someone please drop them in the comments or pop me a DM. JHB/South Africa based.

Lesedi Zwelibanzi Ngema

143,098 views • 1 month ago

🚨 This Ring is the Future of Public Transport Used Ring for Travel, No Metro Card on QR Imagine How Convenient This is for Transit Works Offline Across Any Metro Network in India Built by Indian Startup '7 Ring' on NCMC 🚇
0:16

🚨 This Ring is the Future of Public Transport Used Ring for Travel, No Metro Card on QR Imagine How Convenient This is for Transit Works Offline Across Any Metro Network in India Built by Indian Startup '7 Ring' on NCMC 🚇

Ravisutanjani

19,547 views • 1 month ago

WATCH: OpenAI CEO Sam Altman praises the The White House for supporting the construction of data centers across America: "This Administration has been great for building. I mean, just look at what’s happening here—look at the speed with which we’re now able to build infrastructure. I think the President really understands and values that, and he’s been a great enabler of making things like this happen.”
0:18

WATCH: OpenAI CEO Sam Altman praises the The White House for supporting the construction of data centers across America: "This Administration has been great for building. I mean, just look at what’s happening here—look at the speed with which we’re now able to build infrastructure. I think the President really understands and values that, and he’s been a great enabler of making things like this happen.”

U.S. Commerce Dept.

52,057 views • 8 months ago