Real-time Multiside Refraction in Three Steps

Refraction Mapping (This article is in Japanese)

Three.js – Cube Mapping Demo

Cube Environment Mapping (This article is in Japanese)

When exporting to GLB format in Blender and importing in Three.js, if anything other than Mesh or Texture is included, it may not display properly. Removing the camera, lights, etc. will allow Three.js to import correctly.

It’s a good idea to use the glTF Viewer to check if anything is included that you don’t need.