如何在THREE.JS 中编写shader

如何在THREE.JS 中编写shader

要在three.js中编写底层着色器，我们需要借助 THREE.ShaderMaterial来实现

const material = new THREE.ShaderMaterial( {
	uniforms: {
		time: { value: 1.0 },
		resolution: { value: new THREE.Vector2() }
	},
	vertexShader: '', // 顶点着色器代码
	fragmentShader: '' // 片源着色器代码
} );

我们只需要在vertexShader，fragmentShader提供响应的着色器代码即可，至于怎么编写这个着色器代码，完全由开发者自己决定。