WebGLProgram.js 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465
  1. THREE.WebGLProgram = ( function () {
  2. var programIdCount = 0;
  3. function generateDefines( defines ) {
  4. var value, chunk, chunks = [];
  5. for ( var d in defines ) {
  6. value = defines[ d ];
  7. if ( value === false ) continue;
  8. chunk = '#define ' + d + ' ' + value;
  9. chunks.push( chunk );
  10. }
  11. return chunks.join( '\n' );
  12. }
  13. function cacheUniformLocations( gl, program, identifiers ) {
  14. var uniforms = {};
  15. for ( var i = 0, l = identifiers.length; i < l; i ++ ) {
  16. var id = identifiers[ i ];
  17. uniforms[ id ] = gl.getUniformLocation( program, id );
  18. }
  19. return uniforms;
  20. }
  21. function cacheAttributeLocations( gl, program, identifiers ) {
  22. var attributes = {};
  23. for ( var i = 0, l = identifiers.length; i < l; i ++ ) {
  24. var id = identifiers[ i ];
  25. attributes[ id ] = gl.getAttribLocation( program, id );
  26. }
  27. return attributes;
  28. }
  29. function programArrayToString ( previousValue, currentValue, index, array ) {
  30. if ( currentValue !== '' && currentValue !== undefined && currentValue !== null ) {
  31. return previousValue + currentValue + '\n';
  32. }
  33. return previousValue;
  34. }
  35. return function ( renderer, code, material, parameters ) {
  36. var gl = renderer.context;
  37. var defines = material.defines;
  38. var uniforms = material.__webglShader.uniforms;
  39. var attributes = material.attributes;
  40. var vertexShader = material.__webglShader.vertexShader;
  41. var fragmentShader = material.__webglShader.fragmentShader;
  42. var index0AttributeName = material.index0AttributeName;
  43. if ( index0AttributeName === undefined && parameters.morphTargets === true ) {
  44. // programs with morphTargets displace position out of attribute 0
  45. index0AttributeName = 'position';
  46. }
  47. var shadowMapTypeDefine = 'SHADOWMAP_TYPE_BASIC';
  48. if ( parameters.shadowMapType === THREE.PCFShadowMap ) {
  49. shadowMapTypeDefine = 'SHADOWMAP_TYPE_PCF';
  50. } else if ( parameters.shadowMapType === THREE.PCFSoftShadowMap ) {
  51. shadowMapTypeDefine = 'SHADOWMAP_TYPE_PCF_SOFT';
  52. }
  53. var envMapTypeDefine = 'ENVMAP_TYPE_CUBE';
  54. var envMapModeDefine = 'ENVMAP_MODE_REFLECTION';
  55. var envMapBlendingDefine = 'ENVMAP_BLENDING_MULTIPLY';
  56. if ( parameters.envMap ) {
  57. switch ( material.envMap.mapping ) {
  58. case THREE.CubeReflectionMapping:
  59. case THREE.CubeRefractionMapping:
  60. envMapTypeDefine = 'ENVMAP_TYPE_CUBE';
  61. break;
  62. case THREE.EquirectangularReflectionMapping:
  63. case THREE.EquirectangularRefractionMapping:
  64. envMapTypeDefine = 'ENVMAP_TYPE_EQUIREC';
  65. break;
  66. case THREE.SphericalReflectionMapping:
  67. envMapTypeDefine = 'ENVMAP_TYPE_SPHERE';
  68. break;
  69. }
  70. switch ( material.envMap.mapping ) {
  71. case THREE.CubeRefractionMapping:
  72. case THREE.EquirectangularRefractionMapping:
  73. envMapModeDefine = 'ENVMAP_MODE_REFRACTION';
  74. break;
  75. }
  76. switch ( material.combine ) {
  77. case THREE.MultiplyOperation:
  78. envMapBlendingDefine = 'ENVMAP_BLENDING_MULTIPLY';
  79. break;
  80. case THREE.MixOperation:
  81. envMapBlendingDefine = 'ENVMAP_BLENDING_MIX';
  82. break;
  83. case THREE.AddOperation:
  84. envMapBlendingDefine = 'ENVMAP_BLENDING_ADD';
  85. break;
  86. }
  87. }
  88. var gammaFactorDefine = ( renderer.gammaFactor > 0 ) ? renderer.gammaFactor : 1.0;
  89. // console.log( 'building new program ' );
  90. //
  91. var customDefines = generateDefines( defines );
  92. //
  93. var program = gl.createProgram();
  94. var prefix_vertex, prefix_fragment;
  95. if ( material instanceof THREE.RawShaderMaterial ) {
  96. prefix_vertex = '';
  97. prefix_fragment = '';
  98. } else {
  99. prefix_vertex = [
  100. 'precision ' + parameters.precision + ' float;',
  101. 'precision ' + parameters.precision + ' int;',
  102. customDefines,
  103. parameters.supportsVertexTextures ? '#define VERTEX_TEXTURES' : '',
  104. renderer.gammaInput ? '#define GAMMA_INPUT' : '',
  105. renderer.gammaOutput ? '#define GAMMA_OUTPUT' : '',
  106. '#define GAMMA_FACTOR ' + gammaFactorDefine,
  107. '#define MAX_DIR_LIGHTS ' + parameters.maxDirLights,
  108. '#define MAX_POINT_LIGHTS ' + parameters.maxPointLights,
  109. '#define MAX_SPOT_LIGHTS ' + parameters.maxSpotLights,
  110. '#define MAX_HEMI_LIGHTS ' + parameters.maxHemiLights,
  111. '#define MAX_SHADOWS ' + parameters.maxShadows,
  112. '#define MAX_BONES ' + parameters.maxBones,
  113. parameters.map ? '#define USE_MAP' : '',
  114. parameters.envMap ? '#define USE_ENVMAP' : '',
  115. parameters.envMap ? '#define ' + envMapModeDefine : '',
  116. parameters.lightMap ? '#define USE_LIGHTMAP' : '',
  117. parameters.aoMap ? '#define USE_AOMAP' : '',
  118. parameters.bumpMap ? '#define USE_BUMPMAP' : '',
  119. parameters.normalMap ? '#define USE_NORMALMAP' : '',
  120. parameters.specularMap ? '#define USE_SPECULARMAP' : '',
  121. parameters.alphaMap ? '#define USE_ALPHAMAP' : '',
  122. parameters.vertexColors ? '#define USE_COLOR' : '',
  123. parameters.flatShading ? '#define FLAT_SHADED': '',
  124. parameters.skinning ? '#define USE_SKINNING' : '',
  125. parameters.useVertexTexture ? '#define BONE_TEXTURE' : '',
  126. parameters.morphTargets ? '#define USE_MORPHTARGETS' : '',
  127. parameters.morphNormals ? '#define USE_MORPHNORMALS' : '',
  128. parameters.doubleSided ? '#define DOUBLE_SIDED' : '',
  129. parameters.flipSided ? '#define FLIP_SIDED' : '',
  130. parameters.shadowMapEnabled ? '#define USE_SHADOWMAP' : '',
  131. parameters.shadowMapEnabled ? '#define ' + shadowMapTypeDefine : '',
  132. parameters.shadowMapDebug ? '#define SHADOWMAP_DEBUG' : '',
  133. parameters.shadowMapCascade ? '#define SHADOWMAP_CASCADE' : '',
  134. parameters.sizeAttenuation ? '#define USE_SIZEATTENUATION' : '',
  135. parameters.logarithmicDepthBuffer ? '#define USE_LOGDEPTHBUF' : '',
  136. parameters.logarithmicDepthBuffer && renderer.extensions.get('EXT_frag_depth') ? '#define USE_LOGDEPTHBUF_EXT' : '',
  137. 'uniform mat4 modelMatrix;',
  138. 'uniform mat4 modelViewMatrix;',
  139. 'uniform mat4 projectionMatrix;',
  140. 'uniform mat4 viewMatrix;',
  141. 'uniform mat3 normalMatrix;',
  142. 'uniform vec3 cameraPosition;',
  143. 'attribute vec3 position;',
  144. 'attribute vec3 normal;',
  145. 'attribute vec2 uv;',
  146. '#ifdef USE_COLOR',
  147. ' attribute vec3 color;',
  148. '#endif',
  149. '#ifdef USE_MORPHTARGETS',
  150. ' attribute vec3 morphTarget0;',
  151. ' attribute vec3 morphTarget1;',
  152. ' attribute vec3 morphTarget2;',
  153. ' attribute vec3 morphTarget3;',
  154. ' #ifdef USE_MORPHNORMALS',
  155. ' attribute vec3 morphNormal0;',
  156. ' attribute vec3 morphNormal1;',
  157. ' attribute vec3 morphNormal2;',
  158. ' attribute vec3 morphNormal3;',
  159. ' #else',
  160. ' attribute vec3 morphTarget4;',
  161. ' attribute vec3 morphTarget5;',
  162. ' attribute vec3 morphTarget6;',
  163. ' attribute vec3 morphTarget7;',
  164. ' #endif',
  165. '#endif',
  166. '#ifdef USE_SKINNING',
  167. ' attribute vec4 skinIndex;',
  168. ' attribute vec4 skinWeight;',
  169. '#endif',
  170. ''
  171. ].reduce( programArrayToString, '' );
  172. prefix_fragment = [
  173. ( parameters.bumpMap || parameters.normalMap || parameters.flatShading || material.derivatives ) ? '#extension GL_OES_standard_derivatives : enable' : '',
  174. 'precision ' + parameters.precision + ' float;',
  175. 'precision ' + parameters.precision + ' int;',
  176. customDefines,
  177. '#define MAX_DIR_LIGHTS ' + parameters.maxDirLights,
  178. '#define MAX_POINT_LIGHTS ' + parameters.maxPointLights,
  179. '#define MAX_SPOT_LIGHTS ' + parameters.maxSpotLights,
  180. '#define MAX_HEMI_LIGHTS ' + parameters.maxHemiLights,
  181. '#define MAX_SHADOWS ' + parameters.maxShadows,
  182. parameters.alphaTest ? '#define ALPHATEST ' + parameters.alphaTest : '',
  183. renderer.gammaInput ? '#define GAMMA_INPUT' : '',
  184. renderer.gammaOutput ? '#define GAMMA_OUTPUT' : '',
  185. '#define GAMMA_FACTOR ' + gammaFactorDefine,
  186. ( parameters.useFog && parameters.fog ) ? '#define USE_FOG' : '',
  187. ( parameters.useFog && parameters.fogExp ) ? '#define FOG_EXP2' : '',
  188. parameters.map ? '#define USE_MAP' : '',
  189. parameters.envMap ? '#define USE_ENVMAP' : '',
  190. parameters.envMap ? '#define ' + envMapTypeDefine : '',
  191. parameters.envMap ? '#define ' + envMapModeDefine : '',
  192. parameters.envMap ? '#define ' + envMapBlendingDefine : '',
  193. parameters.lightMap ? '#define USE_LIGHTMAP' : '',
  194. parameters.aoMap ? '#define USE_AOMAP' : '',
  195. parameters.bumpMap ? '#define USE_BUMPMAP' : '',
  196. parameters.normalMap ? '#define USE_NORMALMAP' : '',
  197. parameters.specularMap ? '#define USE_SPECULARMAP' : '',
  198. parameters.alphaMap ? '#define USE_ALPHAMAP' : '',
  199. parameters.vertexColors ? '#define USE_COLOR' : '',
  200. parameters.flatShading ? '#define FLAT_SHADED': '',
  201. parameters.metal ? '#define METAL' : '',
  202. parameters.doubleSided ? '#define DOUBLE_SIDED' : '',
  203. parameters.flipSided ? '#define FLIP_SIDED' : '',
  204. parameters.shadowMapEnabled ? '#define USE_SHADOWMAP' : '',
  205. parameters.shadowMapEnabled ? '#define ' + shadowMapTypeDefine : '',
  206. parameters.shadowMapDebug ? '#define SHADOWMAP_DEBUG' : '',
  207. parameters.shadowMapCascade ? '#define SHADOWMAP_CASCADE' : '',
  208. parameters.logarithmicDepthBuffer ? '#define USE_LOGDEPTHBUF' : '',
  209. parameters.logarithmicDepthBuffer && renderer.extensions.get('EXT_frag_depth') ? '#define USE_LOGDEPTHBUF_EXT' : '',
  210. 'uniform mat4 viewMatrix;',
  211. 'uniform vec3 cameraPosition;',
  212. ''
  213. ].reduce( programArrayToString, '' );
  214. }
  215. var glVertexShader = new THREE.WebGLShader( gl, gl.VERTEX_SHADER, prefix_vertex + vertexShader );
  216. var glFragmentShader = new THREE.WebGLShader( gl, gl.FRAGMENT_SHADER, prefix_fragment + fragmentShader );
  217. gl.attachShader( program, glVertexShader );
  218. gl.attachShader( program, glFragmentShader );
  219. if ( index0AttributeName !== undefined ) {
  220. // Force a particular attribute to index 0.
  221. // because potentially expensive emulation is done by browser if attribute 0 is disabled.
  222. // And, color, for example is often automatically bound to index 0 so disabling it
  223. gl.bindAttribLocation( program, 0, index0AttributeName );
  224. }
  225. gl.linkProgram( program );
  226. var programLogInfo = gl.getProgramInfoLog( program );
  227. var vertexErrorLogInfo = gl.getShaderInfoLog( glVertexShader );
  228. var fragmentErrorLogInfo = gl.getShaderInfoLog( glFragmentShader );
  229. if ( gl.getProgramParameter( program, gl.LINK_STATUS ) === false ) {
  230. console.error( 'THREE.WebGLProgram: shader error: ', gl.getError(), 'gl.VALIDATE_STATUS', gl.getProgramParameter( program, gl.VALIDATE_STATUS ), 'gl.getProgramInfoLog', programLogInfo, vertexErrorLogInfo, fragmentErrorLogInfo );
  231. }
  232. if ( programLogInfo !== '' ) {
  233. console.warn( 'THREE.WebGLProgram: gl.getProgramInfoLog()', programLogInfo );
  234. }
  235. // clean up
  236. gl.deleteShader( glVertexShader );
  237. gl.deleteShader( glFragmentShader );
  238. // cache uniform locations
  239. var identifiers = [
  240. 'viewMatrix',
  241. 'modelViewMatrix',
  242. 'projectionMatrix',
  243. 'normalMatrix',
  244. 'modelMatrix',
  245. 'cameraPosition',
  246. 'morphTargetInfluences',
  247. 'bindMatrix',
  248. 'bindMatrixInverse'
  249. ];
  250. if ( parameters.useVertexTexture ) {
  251. identifiers.push( 'boneTexture', 'boneTextureWidth', 'boneTextureHeight' );
  252. } else {
  253. identifiers.push( 'boneGlobalMatrices' );
  254. }
  255. if ( parameters.logarithmicDepthBuffer ) {
  256. identifiers.push( 'logDepthBufFC' );
  257. }
  258. for ( var u in uniforms ) {
  259. identifiers.push( u );
  260. }
  261. this.uniforms = cacheUniformLocations( gl, program, identifiers );
  262. // cache attributes locations
  263. identifiers = [
  264. 'position',
  265. 'normal',
  266. 'uv',
  267. 'uv2',
  268. 'tangent',
  269. 'color',
  270. 'skinIndex',
  271. 'skinWeight',
  272. 'lineDistance'
  273. ];
  274. for ( var i = 0; i < parameters.maxMorphTargets; i ++ ) {
  275. identifiers.push( 'morphTarget' + i );
  276. }
  277. for ( var i = 0; i < parameters.maxMorphNormals; i ++ ) {
  278. identifiers.push( 'morphNormal' + i );
  279. }
  280. for ( var a in attributes ) {
  281. identifiers.push( a );
  282. }
  283. this.attributes = cacheAttributeLocations( gl, program, identifiers );
  284. this.attributesKeys = Object.keys( this.attributes );
  285. //
  286. this.id = programIdCount ++;
  287. this.code = code;
  288. this.usedTimes = 1;
  289. this.program = program;
  290. this.vertexShader = glVertexShader;
  291. this.fragmentShader = glFragmentShader;
  292. return this;
  293. };
  294. } )();
粤ICP备19079148号