ShaderMaterial

shaderMaterial.js

const vertexShader = /* glsl */`
  uniform float uTime;
  varying vec3 vPos;
  varying vec2 vUv;
  #define PI 3.14159265

  void main() {
    vec3 pos = position;
    vPos = pos;
    vUv = uv;
    vec4 mvPos = modelViewMatrix * vec4( pos, 1.0 );
    gl_Position = projectionMatrix * mvPos;
  }
`

const fragmentShader = /* glsl */`
  uniform float uTime;
  varying vec3 vPos;
  varying vec2 vUv;
  #define PI 3.14159265

  void main() {
    vec2 uv = vUv;
    vec3 color = vec3(uv.x, uv.y, 1.);
    gl_FragColor = vec4(color, 1.);
  }
`

const material = new ShaderMaterial({
  uniforms: {
    uTime: { value: 0 },
  },
  vertexShader,
  fragmentShader
})