Current, I want to create glass material like this in blender. But How I can export it to .gltf or create material with threejs like below [image] [image]

I using this code for create material const r = 'assets/env/texture1/'; const urls = [ r + 'px.jpg', r + 'nx.jpg', r + 'py.jpg', r + 'ny.jpg', r + 'pz.jpg', r + 'nz.jpg' ]; this.textureCube = new THREE.CubeTextureLoader().load(urls); const glass…

[image] 3D Product Configurator | Threekit Threekit's 3D product configurator boost customer engagement and drive sales. Give your customers creative freedom with an interactive shopping experience. Instead using envMap from CubeTextureLoader, I think they gener…

In your case it’s best to start with a simple transparent material. Implementing a real-time see-through effect with distortions (something like this ) is expensive, especially if you have more than a single window in your room. Using a static env-map might be a good compromise.

I’d recommend environment map with a bump or normal map too, when refractions are required and more than a single water surface i would go for screenspace refractions.

[image] Fyrestar: for screenspace r I exported project to .gltf format. But unfortunately not supported, then I must create material manually then replace it when threeJs on Init

[image] doum: But unfortunately not supported, then I Could you take a screenshot in node material (Blender 2.8) for example :frowning:

Env maps and refraction can’t be exported from Blender right now, you’ll have to add those textures to your material after loading it in threejs.

How I can create material glass in Threejs

Questions

Mugen87 January 4, 2019, 8:34pm 2

Topic		Replies	Views
Mirror and glass in Blender with three.js export Questions blender , materials	10	9926	December 20, 2018
How to glass material effect a la a BJS example? Questions materials	11	11493	November 20, 2017
Inter-epoxy-resin without react-three fiber example Questions materials	2	546	November 8, 2022
GTLF/GLB not support Glass? Questions blender , gltf-loader	19	13423	August 31, 2021
Reflections and Refractions in three JS Questions materials , reflector	16	6928	January 2, 2025

How I can create material glass in Threejs

Related topics