Hi, So, I’m working on a webapp running three.js. It’s a a 3D world explorer, where I use multiple passes: The first one is on a scene with a perspective camera on PointerLockControls The second one is on a scene with an orthogonal camera that I use as an interface. Now on the interface, what I…

Do something like aero glass

trusktr July 5, 2022, 9:10pm 11

@bel7aG CSS backdrop-filter does not blur specific WebGL objects, only a rectangle on top of the canvas (which is fine if that’s all your app needs).

@drcmda I wish the blur in THREE.MeshPhysicalMaterial was not so bad

Topic		Replies	Views
How to implement a plane background-blur material with objects behind? Questions textures , camera , shaders , react-three-fiber	1	1787	March 30, 2021
Any ideas how to make a refractive glass more realistic? Questions shaders	7	371	November 10, 2023
Occlusion Between CSS3D Renderer and WebGL Renderer Questions css3d-renderer	25	1040	September 21, 2023
Improve ThreeJS Scene - Scene looks blurry even with antialising Questions textures , render-quality	3	787	December 2, 2022
How to get rid of pixelated edges of object Questions antialiasing	2	629	February 20, 2023

Do something like aero glass

Related Topics