代码之家 › 专栏 › 技术社区 › Niraj

在帧中使用watershader.js着色器

vertex-shader fragment-shader aframe shader three.js

Niraj · 技术社区 · 7 年前

例如,如果我想使用这里定义的着色器- Mr. Doob's water shader 在a帧中,如何在不将着色器代码复制到本地文件的情况下执行此操作?

1 回复 | 直到 7 年前

Piotr Adam Milewski 7 年前

脚本包含的全局定义

THREE.ShaderLib[ 'water' ]

如果将其包含在html中,您应该可以在任何地方访问它:

THREE.ShaderLib['water'].vertexShader // vertexShader

例子 here

要注册着色器,只需在模式中正确定义所有一致性:

AFRAME.registerShader('foo', {
  schema: {
    //all uniforms from the water shader lib
  },
  vertexShader: THREE.ShaderLib[ 'water' ].vertexShader,
  fragmentShader: THREE.ShaderLib[ 'water' ].fragmentShader
})

脚本使用 THREE.Mirror 如果您想充分利用 water ShaderLib公司

dirkk0 5 年前

如果你从谷歌来寻找一个水帘的a帧:这里是一个额外的 example 具有 code .

推荐文章

5rod · 如何在three_js(Flutter)中设置缓冲区几何属性?

1 年前

TheBeginner · 三个JS锥体在globe.gl中未显示为标记

1 年前

Mandroid · 类型错误:三。BufferAttribute:数组应该是类型化数组

1 年前

jamfury · 从集合中获取纹理

1 年前

Voy Hexag · 边几何体-从不位于原点的网格中绘制边界边

1 年前

Slaven Soldo · Three.js中只提取复杂缓冲几何体的外边缘

1 年前

Chiara Ani · 对象属于类并且在typescript中具有属性?

1 年前

Pilves · ThreeJS Div跟随鼠标

2 年前

liminalFrog · three.js-OrbitControls阻尼在鼠标按下时有效,但在鼠标停止移动时没有阻尼

2 年前

David Lin · 使用useRef钩子的React Fiber Mesh元素,“ref.current”可能是“未定义的”

2 年前