Drei 材质渲染展示

基于 @react-three/drei 成熟材质库，展示现代化的 3D 渲染效果

MeshRefractionMaterial

钻石折射效果

使用 MeshRefractionMaterial 材质，结合 CubeCamera 和 Caustics 组件展示钻石折射效果

MeshRefractionMaterial 材质

CubeCamera 环境映射

Caustics 焦散组件

Bloom 后处理

MeshTransmissionMaterial

玻璃透射效果

使用 MeshTransmissionMaterial 材质，展示透射、厚度、色差等参数调节的玻璃效果

色差 (chromaticAberration)

厚度 (thickness)

各向异性 (anisotropy)

材质切换功能

MeshTransmissionMaterial

水晶激光内雕

使用 MeshTransmissionMaterial 结合点云系统，展示基于真实模型的激光内雕效果

MeshSurfaceSampler 点云

Iron Man 模型内雕

物理光学衰减

延迟阴影初始化

技术栈：React Three Fiber + @react-three/drei + Leva + PostProcessing