BumpMapNode.js 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
  1. /**
  2. * @author sunag / http://www.sunag.com.br/
  3. */
  4. import { TempNode } from '../core/TempNode.js';
  5. import { FloatNode } from '../inputs/FloatNode.js';
  6. import { FunctionNode } from '../core/FunctionNode.js';
  7. import { NormalNode } from '../accessors/NormalNode.js';
  8. import { PositionNode } from '../accessors/PositionNode.js';
  9. function BumpMapNode( value, scale ) {
  10. TempNode.call( this, 'v3' );
  11. this.value = value;
  12. this.scale = scale || new FloatNode( 1 );
  13. this.toNormalMap = false;
  14. }
  15. BumpMapNode.Nodes = ( function () {
  16. var dHdxy_fwd = new FunctionNode( [
  17. // Bump Mapping Unparametrized Surfaces on the GPU by Morten S. Mikkelsen
  18. // http://api.unrealengine.com/attachments/Engine/Rendering/LightingAndShadows/BumpMappingWithoutTangentSpace/mm_sfgrad_bump.pdf
  19. // Evaluate the derivative of the height w.r.t. screen-space using forward differencing (listing 2)
  20. "vec2 dHdxy_fwd( sampler2D bumpMap, vec2 vUv, float bumpScale ) {",
  21. // Workaround for Adreno 3XX dFd*( vec3 ) bug. See #9988
  22. " vec2 dSTdx = dFdx( vUv );",
  23. " vec2 dSTdy = dFdy( vUv );",
  24. " float Hll = bumpScale * texture2D( bumpMap, vUv ).x;",
  25. " float dBx = bumpScale * texture2D( bumpMap, vUv + dSTdx ).x - Hll;",
  26. " float dBy = bumpScale * texture2D( bumpMap, vUv + dSTdy ).x - Hll;",
  27. " return vec2( dBx, dBy );",
  28. "}"
  29. ].join( "\n" ), null, { derivatives: true } );
  30. var perturbNormalArb = new FunctionNode( [
  31. "vec3 perturbNormalArb( vec3 surf_pos, vec3 surf_norm, vec2 dHdxy ) {",
  32. // Workaround for Adreno 3XX dFd*( vec3 ) bug. See #9988
  33. " vec3 vSigmaX = vec3( dFdx( surf_pos.x ), dFdx( surf_pos.y ), dFdx( surf_pos.z ) );",
  34. " vec3 vSigmaY = vec3( dFdy( surf_pos.x ), dFdy( surf_pos.y ), dFdy( surf_pos.z ) );",
  35. " vec3 vN = surf_norm;", // normalized
  36. " vec3 R1 = cross( vSigmaY, vN );",
  37. " vec3 R2 = cross( vN, vSigmaX );",
  38. " float fDet = dot( vSigmaX, R1 );",
  39. " fDet *= ( float( gl_FrontFacing ) * 2.0 - 1.0 );",
  40. " vec3 vGrad = sign( fDet ) * ( dHdxy.x * R1 + dHdxy.y * R2 );",
  41. " return normalize( abs( fDet ) * surf_norm - vGrad );",
  42. "}"
  43. ].join( "\n" ), [ dHdxy_fwd ], { derivatives: true } );
  44. var bumpToNormal = new FunctionNode( [
  45. "vec3 bumpToNormal( sampler2D bumpMap, vec2 uv, float scale ) {",
  46. " vec2 dSTdx = dFdx( uv );",
  47. " vec2 dSTdy = dFdy( uv );",
  48. " float Hll = texture2D( bumpMap, uv ).x;",
  49. " float dBx = texture2D( bumpMap, uv + dSTdx ).x - Hll;",
  50. " float dBy = texture2D( bumpMap, uv + dSTdy ).x - Hll;",
  51. " return vec3( .5 - ( dBx * scale ), .5 - ( dBy * scale ), 1.0 );",
  52. "}"
  53. ].join( "\n" ), null, { derivatives: true } );
  54. return {
  55. dHdxy_fwd: dHdxy_fwd,
  56. perturbNormalArb: perturbNormalArb,
  57. bumpToNormal: bumpToNormal
  58. };
  59. } )();
  60. BumpMapNode.prototype = Object.create( TempNode.prototype );
  61. BumpMapNode.prototype.constructor = BumpMapNode;
  62. BumpMapNode.prototype.nodeType = "BumpMap";
  63. BumpMapNode.prototype.generate = function ( builder, output ) {
  64. if ( builder.isShader( 'fragment' ) ) {
  65. if ( this.toNormalMap ) {
  66. var bumpToNormal = builder.include( BumpMapNode.Nodes.bumpToNormal );
  67. return builder.format( bumpToNormal + '( ' + this.value.build( builder, 'sampler2D' ) + ', ' +
  68. this.value.uv.build( builder, 'v2' ) + ', ' +
  69. this.scale.build( builder, 'f' ) + ' )', this.getType( builder ), output );
  70. } else {
  71. var derivativeHeight = builder.include( BumpMapNode.Nodes.dHdxy_fwd ),
  72. perturbNormalArb = builder.include( BumpMapNode.Nodes.perturbNormalArb );
  73. this.normal = this.normal || new NormalNode();
  74. this.position = this.position || new PositionNode( PositionNode.VIEW );
  75. var derivativeHeightCode = derivativeHeight + '( ' + this.value.build( builder, 'sampler2D' ) + ', ' +
  76. this.value.uv.build( builder, 'v2' ) + ', ' +
  77. this.scale.build( builder, 'f' ) + ' )';
  78. return builder.format( perturbNormalArb + '( -' + this.position.build( builder, 'v3' ) + ', ' +
  79. this.normal.build( builder, 'v3' ) + ', ' +
  80. derivativeHeightCode + ' )', this.getType( builder ), output );
  81. }
  82. } else {
  83. console.warn( "THREE.BumpMapNode is not compatible with " + builder.shader + " shader." );
  84. return builder.format( 'vec3( 0.0 )', this.getType( builder ), output );
  85. }
  86. };
  87. BumpMapNode.prototype.copy = function ( source ) {
  88. TempNode.prototype.copy.call( this, source );
  89. this.value = source.value;
  90. this.scale = source.scale;
  91. };
  92. BumpMapNode.prototype.toJSON = function ( meta ) {
  93. var data = this.getJSONNode( meta );
  94. if ( ! data ) {
  95. data = this.createJSONNode( meta );
  96. data.value = this.value.toJSON( meta ).uuid;
  97. data.scale = this.scale.toJSON( meta ).uuid;
  98. }
  99. return data;
  100. };
  101. export { BumpMapNode };