我正在尝试将着色器与React-三纤和Typescript一起使用。着色器文件:
import { ShaderMaterial } from "three"
import { extend } from "react-three-fiber"
class CustomMaterial extends ShaderMaterial {
constructor() {
super({
vertexShader: `...`,
fragmentShader: `...`,
uniforms: [...]
})
}
}
extend({ CustomMaterial })
和组件文件:
<mesh
key={el.name}
material={el.material}
receiveShadow
castShadow
>
<bufferGeometry attach="geometry" {...el.geometry} />
<customMaterial attach="material" />
</mesh>
我收到错误消息:
类型“ JSX.IntrinsicElements”上不存在属性“ customMaterial”。
尝试:
declare global {
namespace JSX {
interface IntrinsicElements {
customMaterial: ReactThreeFiber.Object3DNode<CustomMaterial, typeof CustomMaterial>
}
}
}
您可能还需要在导入中坚持以下几点:
import { extend } from 'react-three-fiber'
...
extend ({ CustomMaterial })
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句