NormalMapShader.js 993 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. import {
  2. Vector2
  3. } from '../../../build/three.module.js';
  4. /**
  5. * Normal map shader
  6. * - compute normals from heightmap
  7. */
  8. const NormalMapShader = {
  9. uniforms: {
  10. 'heightMap': { value: null },
  11. 'resolution': { value: new Vector2( 512, 512 ) },
  12. 'scale': { value: new Vector2( 1, 1 ) },
  13. 'height': { value: 0.05 }
  14. },
  15. vertexShader: /* glsl */`
  16. varying vec2 vUv;
  17. void main() {
  18. vUv = uv;
  19. gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
  20. }`,
  21. fragmentShader: /* glsl */`
  22. uniform float height;
  23. uniform vec2 resolution;
  24. uniform sampler2D heightMap;
  25. varying vec2 vUv;
  26. void main() {
  27. float val = texture2D( heightMap, vUv ).x;
  28. float valU = texture2D( heightMap, vUv + vec2( 1.0 / resolution.x, 0.0 ) ).x;
  29. float valV = texture2D( heightMap, vUv + vec2( 0.0, 1.0 / resolution.y ) ).x;
  30. gl_FragColor = vec4( ( 0.5 * normalize( vec3( val - valU, val - valV, height ) ) + 0.5 ), 1.0 );
  31. }`
  32. };
  33. export { NormalMapShader };