正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

¿glass refraction?

ChaosX

57,442 subscribers

92,508 次观看 • 1 年前 •via X (Twitter)

游戏科学技术

Anya Rossi• Live Now

Private livecam show

10 条评论

GamesCage - Hype Guy 的头像

GamesCage - Hype Guy1 年前

Pretty…

lilfrosty|Dawan 的头像

lilfrosty|Dawan1 年前

Ey quick question will the final version of P-06 have rumple functionality (Controller vibration)?

ChaosX 的头像

ChaosX1 年前

Yes

Fancy Overture 的头像

Fancy Overture1 年前

Are they made of glass? I've always imagined them as soft, like plastic or bubbles LMAO because of the sound they make when they pop Looks good though!

ChaosX 的头像

ChaosX1 年前

To be fair the texture of this transparent material is called "glass" in the files but it is very in the air, just like with sonic's shoes and the red material

MARIO KART 9 HYPE 的头像

MARIO KART 9 HYPE1 年前

I just wanted to say I love all the work you've been putting into this project, I finally got to play it yesterday and it's absolutely mind blowing how good it is. I can't wait to run a full story with this I'm so excited

Mephila03 的头像

Mephila031 年前

Absurd level of details man

Satoru 的头像

Satoru1 年前

Hey you guys think they'll ad the cut scenes?

Castell ANM 的头像

Castell ANM1 年前

Hey could you please take a look at this 🙏

ChaosX 的头像

ChaosX1 年前

It's an intricate game of shadows figuring out what makes Unity create these issues and have tried dealing with it for years lol, Unity moment, but I'll keep looking for alternatives

相关视频

$Refraction seen clearly in cracked glass$

Refraction seen clearly in cracked glass

Massimo

21,241 次观看 • 1 年前

$The physics of light refraction through broken glass$

The physics of light refraction through broken glass

Science girl

3,209,968 次观看 • 1 年前

$The physics of light refraction through broken glass$

The physics of light refraction through broken glass

Science girl

1,900,598 次观看 • 1 年前

$Refraction. A glass of water turns left into right.$

Refraction. A glass of water turns left into right.

Abakcus

1,869,213 次观看 • 10 个月前

$Glass with bubble particles, Unity URP. 🫧 ++ refraction, dispersion, scattering...$

Glass with bubble particles, Unity URP. 🫧 ++ refraction, dispersion, scattering...

Mirza Beig

143,544 次观看 • 3 个月前

$Graphic Designers - get this glass refraction effect in Pixel Apect Ratio Photoshop. (ogzeet)$

Graphic Designers - get this glass refraction effect in Pixel Apect Ratio Photoshop. (ogzeet)

DrFonts©

56,340 次观看 • 10 个月前

$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 次观看 • 1 个月前

$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

34,298 次观看 • 5 个月前

$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 次观看 • 5 个月前

$Trying out Liquid Glass UI in #Flutter 🌊 Really like how the light refraction works based on the thickness of the glass layers 🐙 GitHub: Big shoutout to Tim for building this amazing package! r/FlutterDev Flutter Flutter Community$

Trying out Liquid Glass UI in #Flutter 🌊 Really like how the light refraction works based on the thickness of the glass layers 🐙 GitHub: Big shoutout to Tim for building this amazing package! r/FlutterDev Flutter Flutter Community

Souvik Biswas

58,226 次观看 • 1 年前

$Total Internal Reflection Air has a lower index of refraction than the water/glass so the probability of a photon being found outside of the barrier is almost zero.$

Total Internal Reflection Air has a lower index of refraction than the water/glass so the probability of a photon being found outside of the barrier is almost zero.

Ashton Forbes

17,526 次观看 • 1 年前

$Do more with Glass → Add it to any object, shape, or text → Round individual corners → Adjust the spread of light refraction with Splay → Apply variables from your design system$

Do more with Glass → Add it to any object, shape, or text → Round individual corners → Adjust the spread of light refraction with Splay → Apply variables from your design system

Figma

1,136,487 次观看 • 5 个月前

$okay fine, I will publish a react package for liquid glass improved the refraction a bit since morning (even supports different "modes" now) and added elasticity so it feels more ✨ liquid ✨$

okay fine, I will publish a react package for liquid glass improved the refraction a bit since morning (even supports different "modes" now) and added elasticity so it feels more ✨ liquid ✨

Max Rovensky

25,485 次观看 • 1 年前

$Apple's new Icon Composer is genuinely fun to mess around with. You can try different Liquid Glass effects, OS 26/27 icon styles, adjust specularity, refraction, chromatic shadows, and more. Anyone interested in designing icons for iOS or macOS should give it a try.$

Apple's new Icon Composer is genuinely fun to mess around with. You can try different Liquid Glass effects, OS 26/27 icon styles, adjust specularity, refraction, chromatic shadows, and more. Anyone interested in designing icons for iOS or macOS should give it a try.

Sunny

92,251 次观看 • 25 天前

$finally liquid glass web is here and it's open source. real WebGL refraction, chromatic aberration, liquid motion not usual backdrop-filter css hack. playground at code at MIT so do whatever you want with it #LiquidGlass #OpenSource #ReactJS #WebGL #UIComponents #FrontendDevelopment #CSS #JavaScript #WebDev #UI #UX #React #ComponentLibrary #OpenSourceSoftware #Frontend$

finally liquid glass web is here and it's open source. real WebGL refraction, chromatic aberration, liquid motion not usual backdrop-filter css hack. playground at code at MIT so do whatever you want with it #LiquidGlass #OpenSource #ReactJS #WebGL #UIComponents #FrontendDevelopment #CSS #JavaScript #WebDev #UI #UX #React #ComponentLibrary #OpenSourceSoftware #Frontend

Tirth Parmar

62,802 次观看 • 27 天前

$n₁ sin θ₁ = n₂ sin θ₂ Watch this laser hit the glass-air boundary. At first, it bends out (refraction). Then... boom. Angle exceeds the critical θ_c = arcsin(n₂/n₁) ≈ 42° for glass (n≈1.5), and every photon turns back inside. No leakage. Pure total internal reflection. This is why fiber optics carry the internet across oceans without losing signal. Why diamonds sparkle like crazy. Why light can get trapped in a stream of water.$

n₁ sin θ₁ = n₂ sin θ₂ Watch this laser hit the glass-air boundary. At first, it bends out (refraction). Then... boom. Angle exceeds the critical θ_c = arcsin(n₂/n₁) ≈ 42° for glass (n≈1.5), and every photon turns back inside. No leakage. Pure total internal reflection. This is why fiber optics carry the internet across oceans without losing signal. Why diamonds sparkle like crazy. Why light can get trapped in a stream of water.

Mathematica

48,416 次观看 • 3 个月前

$🧑‍🏫 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 次观看 • 1 年前

$Dear frontend devs and UI designers. I bring you Liquid DOM, a complete and faithful implementation of Liquid Glass on the Web. - Shape morphing - All properties animatable - Dynamic refraction and reflection - Adaptive tint - Adaptive specular highlight - Dispersion - Full html integration - Super fast layout engine that works across Canvas and html - Pointer event handling - Framework and renderer-agnostic low level API - High level React API - Ootb Three.js and r3f integration And lots more. Read on for implementation details and demos.$

Dear frontend devs and UI designers. I bring you Liquid DOM, a complete and faithful implementation of Liquid Glass on the Web. - Shape morphing - All properties animatable - Dynamic refraction and reflection - Adaptive tint - Adaptive specular highlight - Dispersion - Full html integration - Super fast layout engine that works across Canvas and html - Pointer event handling - Framework and renderer-agnostic low level API - High level React API - Ootb Three.js and r3f integration And lots more. Read on for implementation details and demos.

Andrew Prifer

1,351,805 次观看 • 2 个月前

$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 camera -> texture pass. I don't have clear plans to add this to PRISM, but it's something I wanted to try out as a morning experiment (R&D, rendering/optics, performance -- for later).$

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 camera -> texture pass. I don't have clear plans to add this to PRISM, but it's something I wanted to try out as a morning experiment (R&D, rendering/optics, performance -- for later).

Mirza Beig

65,799 次观看 • 4 个月前