Threejs 创建玻璃 Refractor WaterRefractionShader

最新推荐文章于 2024-08-07 16:24:32 发布

蜗牛速度额

最新推荐文章于 2024-08-07 16:24:32 发布

阅读量4.8k

点赞数

分类专栏： threejs 文章标签： threejs

本文链接：https://blog.csdn.net/weixin_41111068/article/details/83149373

版权

threejs 专栏收录该内容

23 篇文章 7 订阅

订阅专栏

引入两个文件

import Refractor from 'three/examples/js/objects/Refractor';
import WaterRefractionShader from 'three/examples/js/shaders/WaterRefractionShader';

let refractorGeometry = new THREE.PlaneBufferGeometry(1000, 1000);
    let refractor = new Refractor(refractorGeometry, {
      color: 0x999999,
      textureWidth: 1024,
      textureHeight: 1024,
      shader: WaterRefractionShader
    });
    refractor.position.set(0, 0, 5);
    this.scene.add(refractor);
    let d = new THREE.PlaneBufferGeometry(1000, 1000);
    let c = new Refractor(d, {
      color: 0x999999,
      textureWidth: 1024,
      textureHeight: 1024,
      shader: WaterRefractionShader
    });
    c.position.set(0, 0, -5);
    c.rotation.y = -Math.PI;
    this.scene.add(c);