Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

.cosmoloop presented a beautiful real-time water shader made in Blender, which delivers refraction, underside refraction, lights, and shadow interaction. Enjoy:

80 LEVEL

262,465 subscribers

18,121 Aufrufe • vor 6 Monaten •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

$binbun3 shared a glass UI shader in Godot ✨ Refraction, color shift, performant blur, grain and rim lights, all tweakable. See more:$

binbun3 shared a glass UI shader in Godot ✨ Refraction, color shift, performant blur, grain and rim lights, all tweakable. See more:

Jettelly Inc.

25,482 Aufrufe • vor 5 Monaten

$AshenOneArt shared HPWater 🌊 a custom HDRP water system for Unity with ray-traced refraction, volumetric lighting, interactive caustics, and real-time wave simulation. See more:$

AshenOneArt shared HPWater 🌊 a custom HDRP water system for Unity with ray-traced refraction, volumetric lighting, interactive caustics, and real-time wave simulation. See more:

Jettelly Inc.

14,601 Aufrufe • vor 5 Monaten

$Water render updates in #darksouls3 lighting engine. The water optics are now better simulated using absorption and scattering functions instead of basic colors. Includes a small demo which also shows some SSR fixes as well as refraction updates.$

Water render updates in #darksouls3 lighting engine. The water optics are now better simulated using absorption and scattering functions instead of basic colors. Includes a small demo which also shows some SSR fixes as well as refraction updates.

Dark Souls Lighting Engine

142,105 Aufrufe • vor 1 Jahr

$Glass Marbles! A small experiment in real-time refraction. Combining SVG filters with a WebGL-rendered displacement map to simulate the optical properties of glass spheres. #webgl #svg #shaders #creativecoding$

Glass Marbles! A small experiment in real-time refraction. Combining SVG filters with a WebGL-rendered displacement map to simulate the optical properties of glass spheres. #webgl #svg #shaders #creativecoding

Hans Chiu

11,362 Aufrufe • vor 2 Monaten

$Liquid Glass in Hana is just on another level: ✨Works in both 2D and 3D shapes 🍷Stacked Glass 🍺 Refraction controls ⚡️ Real-time Follow this thread to learn more!$

Liquid Glass in Hana is just on another level: ✨Works in both 2D and 3D shapes 🍷Stacked Glass 🍺 Refraction controls ⚡️ Real-time Follow this thread to learn more!

Spline

35,227 Aufrufe • vor 6 Monaten

I have been working on a side project that adds moving and interactable Grass. This shader supports Light Volumes made by RED_SIM! No baked Lightmaps (in grass) or Real-time lights! #VRChat #VRC

I have been working on a side project that adds moving and interactable Grass. This shader supports Light Volumes made by RED_SIM! No baked Lightmaps (in grass) or Real-time lights! #VRChat #VRC

Kadeko

38,081 Aufrufe • vor 7 Monaten

Super Quick Tutorial.👀 Procedural fire in a shader, in a minute and a bit. The pause button is your ally. Enjoy! #b3d #blender #blender3d #blendercommunity

Super Quick Tutorial.👀 Procedural fire in a shader, in a minute and a bit. The pause button is your ally. Enjoy! #b3d #blender #blender3d #blendercommunity

OfNodesAndNoodles

12,677 Aufrufe • vor 2 Jahren

$Finally! We can look underwater in #VRAGE3 (confirmed: no aliens there). It is first implementation with just a distance based fog and nice refraction when looking through the water surface. It also features new FFT based waves on the surface.$

Finally! We can look underwater in #VRAGE3 (confirmed: no aliens there). It is first implementation with just a distance based fog and nice refraction when looking through the water surface. It also features new FFT based waves on the surface.

Jan Hloušek

15,566 Aufrufe • vor 2 Jahren

Dynamic Flow map from a Normal map in Eevee. No simulations. No geometry nodes. Just a shader! Real time 60fps in viewport. #blender3d #b3d #blender #blendercommunity #3dart #cgi #3dcgi #blenderEevee

Dynamic Flow map from a Normal map in Eevee. No simulations. No geometry nodes. Just a shader! Real time 60fps in viewport. #blender3d #b3d #blender #blendercommunity #3dart #cgi #3dcgi #blenderEevee

OfNodesAndNoodles

154,705 Aufrufe • vor 3 Jahren

Blender colors looking off? 👀 Walls turn blue, lights too yellow… It’s not the shader, it’s the lighting. Swap in a custom HDRI and the colors snap back to life.

Blender colors looking off? 👀 Walls turn blue, lights too yellow… It’s not the shader, it’s the lighting. Swap in a custom HDRI and the colors snap back to life.

CG COOKIE

14,707 Aufrufe • vor 11 Monaten

Fluid Flow, Blender Procedural's latest release, lets you simulate water, sand, and lava in real-time, with complete control and speed. Purchase here:

Fluid Flow, Blender Procedural's latest release, lets you simulate water, sand, and lava in real-time, with complete control and speed. Purchase here:

80 LEVEL

13,089 Aufrufe • vor 9 Monaten

$🧑‍🏫 How to make a glass/refraction shader: 🍷 Refraction will ultimately have the effect that whatever is behind your mesh should appear distorted by the surface of the mesh itself. We're not going for external caustics projection, just modelling glass-like, distorting "transparency". 🌆 In Unity, you can sample the *global* _CameraOpaqueTexture (make sure it's enabled in your URP asset settings), which is what your scene looks like rendered without any transparent objects. In Shader Graph, you can simply use the Scene Colour node. 🔢 The UVs required for this texture are the normalized screen coordinates, so if we offset/warp/distort these coordinates and sample the texture, we ultimately produce a distorted image. We can offset the UVs by some normal map, as well as a refraction vector based on the direction from the camera -> the vertex/fragment (flip viewDir, which is otherwise vertex/fragment -> camera) and normals of the object. 📸 Input the (reversed) world space view direction and normal into HLSL refract. **Convert the refraction direction vector to tangent space before adding it to the screen UV.** Use the result to sample _CameraOpaqueTexture. refract(-worldViewDirection, worldNormal, eta); eta -> refraction ratio (from_IOR / to_IOR), > for air, 1.0 / indexOfRefraction (IOR). IOR of water = 1.33, glass = 1.54... 💡 You can also do naive "looks about right" hacks: fresnel -> normal from grayscale, which can be used for distortion. Or distort it any other way (without even specifically using refract at all), really... 🧠 Thus, even if your object is rendered as a transparent type (and vanilla Unity URP will require that it is), it is fully 'opaque' (max alpha), but it renders on its surface what is behind it, using the screen UV. If you distort those UVs by the camera view and normals of the surface it will be rendered on, it then appears like refractive glass on that surface. > Transparent render queue, but alpha = 1.0.$

🧑‍🏫 How to make a glass/refraction shader: 🍷 Refraction will ultimately have the effect that whatever is behind your mesh should appear distorted by the surface of the mesh itself. We're not going for external caustics projection, just modelling glass-like, distorting "transparency". 🌆 In Unity, you can sample the global _CameraOpaqueTexture (make sure it's enabled in your URP asset settings), which is what your scene looks like rendered without any transparent objects. In Shader Graph, you can simply use the Scene Colour node. 🔢 The UVs required for this texture are the normalized screen coordinates, so if we offset/warp/distort these coordinates and sample the texture, we ultimately produce a distorted image. We can offset the UVs by some normal map, as well as a refraction vector based on the direction from the camera -> the vertex/fragment (flip viewDir, which is otherwise vertex/fragment -> camera) and normals of the object. 📸 Input the (reversed) world space view direction and normal into HLSL refract. Convert the refraction direction vector to tangent space before adding it to the screen UV. Use the result to sample _CameraOpaqueTexture. refract(-worldViewDirection, worldNormal, eta); eta -> refraction ratio (from_IOR / to_IOR), > for air, 1.0 / indexOfRefraction (IOR). IOR of water = 1.33, glass = 1.54... 💡 You can also do naive "looks about right" hacks: fresnel -> normal from grayscale, which can be used for distortion. Or distort it any other way (without even specifically using refract at all), really... 🧠 Thus, even if your object is rendered as a transparent type (and vanilla Unity URP will require that it is), it is fully 'opaque' (max alpha), but it renders on its surface what is behind it, using the screen UV. If you distort those UVs by the camera view and normals of the surface it will be rendered on, it then appears like refractive glass on that surface. > Transparent render queue, but alpha = 1.0.

Mirza Beig

125,253 Aufrufe • vor 1 Jahr

.VFX Grace has presented a hyper-realistic German Shepherd model made with Blender 🔶, which is designed for animation projects and features detailed 4K maps, rigging, animation, and fur. Purchase: #ad #Sponsored

.VFX Grace has presented a hyper-realistic German Shepherd model made with Blender 🔶, which is designed for animation projects and features detailed 4K maps, rigging, animation, and fur. Purchase: #ad #Sponsored

80 LEVEL

66,878 Aufrufe • vor 1 Jahr

I really enjoy the multi-core optimization performance of Blender on Mac, especially the real-time calculation of modifiers and GP, as well as the displacement effect in real-time compositing #b3d

I really enjoy the multi-core optimization performance of Blender on Mac, especially the real-time calculation of modifiers and GP, as well as the displacement effect in real-time compositing #b3d

KoalaOK-

24,297 Aufrufe • vor 10 Monaten

Introducing GPT-4o, our new model which can reason across text, audio, and video in real time. It's extremely versatile, fun to play with, and is a step towards a much more natural form of human-computer interaction (and even human-computer-computer interaction):

Introducing GPT-4o, our new model which can reason across text, audio, and video in real time. It's extremely versatile, fun to play with, and is a step towards a much more natural form of human-computer interaction (and even human-computer-computer interaction):

Greg Brockman

4,360,796 Aufrufe • vor 2 Jahren

In an upcoming tutorial, we will be building a very particular shader! One which transforms a single simple plane into a landscape with beaches, fields, forests, mountains, and an animated sea. 🏔️ #b3d #Blender3d #blender #blendercommunity #3dart

In an upcoming tutorial, we will be building a very particular shader! One which transforms a single simple plane into a landscape with beaches, fields, forests, mountains, and an animated sea. 🏔️ #b3d #Blender3d #blender #blendercommunity #3dart

OfNodesAndNoodles

200,246 Aufrufe • vor 3 Jahren

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