Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Unity includes a tool for baking SDF textures: 🧊 I made this experimental shader for fully volumetric glass shaped to any object using a 3D distance texture. Handles layered self-refraction in a single pass (look at the ears, when the model is rotated), + explicit backface rendering via another... show more

Mirza Beig

28,993 subscribers

65,799 views • 3 months ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

$Great question! 🤔 How do you simulate *multiple* layers of glass/refraction in video games? In the last breakdown, I discussed how to create a glass shader in Unity URP. In essence, we were taking the render of the scene from the camera without any transparent objects. This is available in URP as the global _CameraOpaqueTexture. This is good enough for most use-cases, and more or less the classic way of doing it. 🔍 What is _CameraOpaqueTexture? As the name implies, there are no transparent objects rendered into this texture, so it's not possible by default to have something like a transparent-type ocean material/shader rendered through a refractive glass shader (which samples and distorts this texture to render on its surface, as if it's transparent). ⚠️ Why it’s tricky: It's much easier to sort without much further setup if you don't have refraction, and only a transparent material, because in that case you're not simulating the transparency yourself via sampling the rendered scene texture. But for refraction, it's required-- unless you want to go down the ray/path tracing route. You could simulate accurate, real dispersion... and that's about as expensive as it sounds, and it requires a rework of your entire rendering. --> 🚫 It's not a viable suggestion to offer. 📚 There are well-known terms regarding transparency sorting you can search up, but as you've specifically asked for refractive boxes, I'll discuss briefly about that. 🧱 Simulating layers of refraction: For this kind of rendering, you need some way to render the backfaces before rendering the front. And the backfaces that are rendered may contain whatever data you'd like for additional processing in the layer front-facing mesh render. 🧪 Examples: You could render the back face as a glass shader of its own, as an intermediate step after _CameraOpaqueTexture. Then you sample this texture instead and you end up with multi-layered refraction, "just like that". You can also render the back normals only, via a fully opaque shader, and use that to manually account for that during the front render. You could even bake in data needed for thickness in realtime. 🛠️ Without making it complicated for yourself, the most straightforward method is via render textures, and you can easily set some fractional resolution. Cameras in Unity have an open slot for target textures to render to. You can use custom render textures to process _SelfTexture2D. ⏱️ It's great to do low-resolution processing for more complex tasks, like blurring and caustics. You can get massive performance boosts, considering the square law and number of pixels/fragments that need calculations (quadratic scaling). 🚧 I've not fully exploited the possibilities myself, but research/development with PRISM is ongoing!$

Great question! 🤔 How do you simulate multiple layers of glass/refraction in video games? In the last breakdown, I discussed how to create a glass shader in Unity URP. In essence, we were taking the render of the scene from the camera without any transparent objects. This is available in URP as the global _CameraOpaqueTexture. This is good enough for most use-cases, and more or less the classic way of doing it. 🔍 What is _CameraOpaqueTexture? As the name implies, there are no transparent objects rendered into this texture, so it's not possible by default to have something like a transparent-type ocean material/shader rendered through a refractive glass shader (which samples and distorts this texture to render on its surface, as if it's transparent). ⚠️ Why it’s tricky: It's much easier to sort without much further setup if you don't have refraction, and only a transparent material, because in that case you're not simulating the transparency yourself via sampling the rendered scene texture. But for refraction, it's required-- unless you want to go down the ray/path tracing route. You could simulate accurate, real dispersion... and that's about as expensive as it sounds, and it requires a rework of your entire rendering. --> 🚫 It's not a viable suggestion to offer. 📚 There are well-known terms regarding transparency sorting you can search up, but as you've specifically asked for refractive boxes, I'll discuss briefly about that. 🧱 Simulating layers of refraction: For this kind of rendering, you need some way to render the backfaces before rendering the front. And the backfaces that are rendered may contain whatever data you'd like for additional processing in the layer front-facing mesh render. 🧪 Examples: You could render the back face as a glass shader of its own, as an intermediate step after _CameraOpaqueTexture. Then you sample this texture instead and you end up with multi-layered refraction, "just like that". You can also render the back normals only, via a fully opaque shader, and use that to manually account for that during the front render. You could even bake in data needed for thickness in realtime. 🛠️ Without making it complicated for yourself, the most straightforward method is via render textures, and you can easily set some fractional resolution. Cameras in Unity have an open slot for target textures to render to. You can use custom render textures to process _SelfTexture2D. ⏱️ It's great to do low-resolution processing for more complex tasks, like blurring and caustics. You can get massive performance boosts, considering the square law and number of pixels/fragments that need calculations (quadratic scaling). 🚧 I've not fully exploited the possibilities myself, but research/development with PRISM is ongoing!

Mirza Beig

51,429 views • 11 months ago

LOD/mip blur -- any, dynamic radius; fixed sample count regardless. On a quest for faster realtime rendering. > Render texture aside, it's a single pass.

LOD/mip blur -- any, dynamic radius; fixed sample count regardless. On a quest for faster realtime rendering. > Render texture aside, it's a single pass.

Mirza Beig

88,300 views • 2 months ago

#UEFN Material tips 🗣️🔥 Use Bump Offset to create fake depth for textures. In this example, I used it to add a darker secondary fence texture that feels behind the main one, like in the 3D world, while remaining a 2D texture applied to the mesh.

#UEFN Material tips 🗣️🔥 Use Bump Offset to create fake depth for textures. In this example, I used it to add a darker secondary fence texture that feels behind the main one, like in the 3D world, while remaining a 2D texture applied to the mesh.

Giova

16,966 views • 1 year ago

i bought a iphone just to add tracking to my model 💀 2d live pixel texture face on a 3d body made in the #GodotEngine

i bought a iphone just to add tracking to my model 💀 2d live pixel texture face on a 3d body made in the #GodotEngine

byte 🕹️ nme64 | DEBUT: TBA

50,954 views • 2 years ago

speedpaint for this one. i wanted to show how i use the fill tool on top of established colors to add variety to texture (and make things waaay quicker)

speedpaint for this one. i wanted to show how i use the fill tool on top of established colors to add variety to texture (and make things waaay quicker)

😆💬

40,451 views • 5 months ago

$i know someone's prolly already made the joke but i wanted an excuse to sentence mix a bit (thx to @\DesireDelta for the texture edit)$

i know someone's prolly already made the joke but i wanted an excuse to sentence mix a bit (thx to @\DesireDelta for the texture edit)

SilentManJoe

22,829 views • 6 months ago

Deus EX: MD's frosted glass panels. Playing for... research/reference. 🙂🤗 This game is ~10 years old! I love the masking effects, but you can see it's *not* rendering multiple layers of transparency. Most likely, they have a single blurred texture which they blend.

Deus EX: MD's frosted glass panels. Playing for... research/reference. 🙂🤗 This game is ~10 years old! I love the masking effects, but you can see it's not rendering multiple layers of transparency. Most likely, they have a single blurred texture which they blend.

Mirza Beig

170,544 views • 2 months ago

Realized I can hijack my custom shader models rimlight input to shadowmask whatever I want. Previously was just inputting a single value for "rimlight intensity" across the entire model, and realized I could use a TEXTURE for an input ... gunna use this to better mask glitters!!!

Realized I can hijack my custom shader models rimlight input to shadowmask whatever I want. Previously was just inputting a single value for "rimlight intensity" across the entire model, and realized I could use a TEXTURE for an input ... gunna use this to better mask glitters!!!

Dylan Meville

11,729 views • 2 years ago

Virtual Textures in the Browser. This is a WebGL 2.0 implementation I did in 2023. The car model is from Sketchfab by Pavel Matoušek. It's a worst-case for virtual textures because the texture is generated from photogrametry software and has pathologically bad UV layout. The texture is 16,384 x 16,384 pixels, which is 180 Mb of PNG data. Loading this in Blender would crash Blender for me back then. The GPU memory requirement for this texture is 1 Gb. The VT displays the model after loading just 34 Kb (one tile). The other tiles are fetched in via a smart priority queue in the background as you move camera around the scene. The physical page texture is 2k, which is 16 times smaller than the source. The solution supports multiple separate virtual textures, and has GLTF integration. Texture filtering as well as anisotropy are fully supported as well. You can try the demo yourself here: Here's a writeup I did while working on this: The video recorded on a very crummy internet connection and I intentionally reload the page in the middle. The delay comes from the geometry download, actual texture part is near-instant.

Virtual Textures in the Browser. This is a WebGL 2.0 implementation I did in 2023. The car model is from Sketchfab by Pavel Matoušek. It's a worst-case for virtual textures because the texture is generated from photogrametry software and has pathologically bad UV layout. The texture is 16,384 x 16,384 pixels, which is 180 Mb of PNG data. Loading this in Blender would crash Blender for me back then. The GPU memory requirement for this texture is 1 Gb. The VT displays the model after loading just 34 Kb (one tile). The other tiles are fetched in via a smart priority queue in the background as you move camera around the scene. The physical page texture is 2k, which is 16 times smaller than the source. The solution supports multiple separate virtual textures, and has GLTF integration. Texture filtering as well as anisotropy are fully supported as well. You can try the demo yourself here: Here's a writeup I did while working on this: The video recorded on a very crummy internet connection and I intentionally reload the page in the middle. The delay comes from the geometry download, actual texture part is near-instant.

Alex Goldring

19,368 views • 5 months ago

I have seen so many people wanting to know how to add ombre effect on new Suiika Customizable Model OUT NOW! customisable model so i made you a little tutorial on texture changes I Hope this helps! PS. DONT CHANGE TEXTURES IF MODEL DOESNT ALLOW IT!

I have seen so many people wanting to know how to add ombre effect on new Suiika Customizable Model OUT NOW! customisable model so i made you a little tutorial on texture changes I Hope this helps! PS. DONT CHANGE TEXTURES IF MODEL DOESNT ALLOW IT!

Nyadia 🐴🛏️

149,865 views • 1 year ago

I'm not certain how I came across this tool, but it has proven to be extremely helpful for creating some texture effects while I work on stylized shaders. Below is a quick preview of the most useful effects. #3d #texture #tips #tools

I'm not certain how I came across this tool, but it has proven to be extremely helpful for creating some texture effects while I work on stylized shaders. Below is a quick preview of the most useful effects. #3d #texture #tips #tools

Ciro Cardoso

61,775 views • 1 year ago

Ever since I saw the 'pass through' fidgets, I wanted to try using the same technique for something a bit bigger. It took me a while to get it smooth, but here is my Twisted Headphone Stand. Stls and 3mf:

Ever since I saw the 'pass through' fidgets, I wanted to try using the same technique for something a bit bigger. It took me a while to get it smooth, but here is my Twisted Headphone Stand. Stls and 3mf:

3DPrintBunny

18,017 views • 1 year ago

FASTER for #Amiga OCS/ECS: I never imagined saying this in a million years, but I seem to be struggling to get the performance I need out of the blitter, and I don't even have all the stuff on screen yet! Anybody know a faster way of rendering bobs than the cookie cutter method?

FASTER for #Amiga OCS/ECS: I never imagined saying this in a million years, but I seem to be struggling to get the performance I need out of the blitter, and I don't even have all the stuff on screen yet! Anybody know a faster way of rendering bobs than the cookie cutter method?

Jonathan Thomas @atariste.bsky.social

13,879 views • 1 year ago

ok a full view of the in progress new vox model it will be FREE Includes 4 wires on the model and all the others are separated since it's spline rigged i think will be fine for use normal suit casual suit vox populi song suit face MUST be animated SEPARATED in another file and used as TEXTURE on his monitor, the v1 vox method worked fine but was a lil limited tbh and could break easily, this one works better and it's more accurate texture are simple but cool i guess? i didn't wanted to use cell shader again

ok a full view of the in progress new vox model it will be FREE Includes 4 wires on the model and all the others are separated since it's spline rigged i think will be fine for use normal suit casual suit vox populi song suit face MUST be animated SEPARATED in another file and used as TEXTURE on his monitor, the v1 vox method worked fine but was a lil limited tbh and could break easily, this one works better and it's more accurate texture are simple but cool i guess? i didn't wanted to use cell shader again

Lukasz 🇧🇷

40,777 views • 7 months ago

I made a URP version of Rainy Night, using Huawei Pocket 2 phone for real-time rendering.😊 Come and subscribe to my Fanbox to download this project #unity3d #RealTime #shader #VFX

I made a URP version of Rainy Night, using Huawei Pocket 2 phone for real-time rendering.😊 Come and subscribe to my Fanbox to download this project #unity3d #RealTime #shader #VFX

Sakura Rabbit 樱花兔

80,461 views • 1 year ago

'3D Gaussian Splatting for Real-Time RF Rendering' rose to the 2nd challenge I presented. The magnifying glass isn't still crystal clear, but the result is compelling. Look at the small details/hairs on the succulent plant. Rendered in real-time. #gaussiansplatting #3D #AI

'3D Gaussian Splatting for Real-Time RF Rendering' rose to the 2nd challenge I presented. The magnifying glass isn't still crystal clear, but the result is compelling. Look at the small details/hairs on the succulent plant. Rendered in real-time. #gaussiansplatting #3D #AI

Hugues Bruyère

298,206 views • 2 years ago

you can't tell me AI isn't a game changer for programming it's connecting over webrtc the screen is made of 16 by 16 regions each region is 256 by 256 ive come up with a custom encoding I spam UDP packets for each reigion for each client each region is designed to fit in a single packet the next state of the simulation is computed in my GPU using cuda the cuda is linked to golang the program manages a double buffer this is so that the network broadcastloop doesn't contend with the cuda update for the object when you write it sends a udp packet for every mouse event i manage a stream to update it on my gpu the client takes each packet and has custom webgl to update the regions and render everything in a single pass. texture 3d

you can't tell me AI isn't a game changer for programming it's connecting over webrtc the screen is made of 16 by 16 regions each region is 256 by 256 ive come up with a custom encoding I spam UDP packets for each reigion for each client each region is designed to fit in a single packet the next state of the simulation is computed in my GPU using cuda the cuda is linked to golang the program manages a double buffer this is so that the network broadcastloop doesn't contend with the cuda update for the object when you write it sends a udp packet for every mouse event i manage a stream to update it on my gpu the client takes each packet and has custom webgl to update the regions and render everything in a single pass. texture 3d

kache

97,819 views • 1 year ago

finally figured out how to add higher dimensional rendering to rpgmaker. it's only 3d so far but it's proof of concept for an eventual 4d rendering engine

finally figured out how to add higher dimensional rendering to rpgmaker. it's only 3d so far but it's proof of concept for an eventual 4d rendering engine

All-bones Jones

238,520 views • 3 months ago

A ~Special~ date with Nikki ~ I wanted to try something doing something really "out there" for this Valentine's. So I went with, "Using hypnosis on a date in Huniepop." This isn't exactly what I had in mind, but it's as close as I can get. I hope you guys enjoy it

A ~Special~ date with Nikki ~ I wanted to try something doing something really "out there" for this Valentine's. So I went with, "Using hypnosis on a date in Huniepop." This isn't exactly what I had in mind, but it's as close as I can get. I hope you guys enjoy it

H🔞 (Orders/Comms Always Open)

14,783 views • 2 years ago

so i guess because my pc got wiped i might as well posted something i had baking in the oven for quite a while really wanted to do an animation meme but i lost the files to everything so this is all i have left :[

so i guess because my pc got wiped i might as well posted something i had baking in the oven for quite a while really wanted to do an animation meme but i lost the files to everything so this is all i have left :[

🏳️‍⚧️ CAWSMIC 🏳️‍⚧️

88,501 views • 2 years ago