NormalMapShader.js 1.0 KB

1234567891011121314151617181920212223242526272829
  1. ( function () {
  2. /**
  3. * Normal map shader
  4. * - compute normals from heightmap
  5. */
  6. var NormalMapShader = {
  7. uniforms: {
  8. 'heightMap': {
  9. value: null
  10. },
  11. 'resolution': {
  12. value: new THREE.Vector2( 512, 512 )
  13. },
  14. 'scale': {
  15. value: new THREE.Vector2( 1, 1 )
  16. },
  17. 'height': {
  18. value: 0.05
  19. }
  20. },
  21. vertexShader: [ 'varying vec2 vUv;', 'void main() {', ' vUv = uv;', ' gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );', '}' ].join( '\n' ),
  22. fragmentShader: [ 'uniform float height;', 'uniform vec2 resolution;', 'uniform sampler2D heightMap;', 'varying vec2 vUv;', 'void main() {', ' float val = texture2D( heightMap, vUv ).x;', ' float valU = texture2D( heightMap, vUv + vec2( 1.0 / resolution.x, 0.0 ) ).x;', ' float valV = texture2D( heightMap, vUv + vec2( 0.0, 1.0 / resolution.y ) ).x;', ' gl_FragColor = vec4( ( 0.5 * normalize( vec3( val - valU, val - valV, height ) ) + 0.5 ), 1.0 );', '}' ].join( '\n' )
  23. };
  24. THREE.NormalMapShader = NormalMapShader;
  25. } )();