NormalDisplacementShader.js 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615
  1. /*
  2. * @author alteredq / http://alteredqualia.com/
  3. *
  4. * Normal map shader
  5. * - Blinn-Phong
  6. * - normal + diffuse + specular + AO + displacement + reflection + shadow maps
  7. * - point and directional lights (use with "lights: true" material option)
  8. */
  9. THREE.NormalDisplacementShader = {
  10. uniforms: THREE.UniformsUtils.merge( [
  11. THREE.UniformsLib[ "fog" ],
  12. THREE.UniformsLib[ "lights" ],
  13. THREE.UniformsLib[ "shadowmap" ],
  14. {
  15. "enableAO" : { type: "i", value: 0 },
  16. "enableDiffuse" : { type: "i", value: 0 },
  17. "enableSpecular" : { type: "i", value: 0 },
  18. "enableReflection" : { type: "i", value: 0 },
  19. "enableDisplacement": { type: "i", value: 0 },
  20. "tDisplacement": { type: "t", value: null }, // must go first as this is vertex texture
  21. "tDiffuse" : { type: "t", value: null },
  22. "tCube" : { type: "t", value: null },
  23. "tNormal" : { type: "t", value: null },
  24. "tSpecular" : { type: "t", value: null },
  25. "tAO" : { type: "t", value: null },
  26. "uNormalScale": { type: "v2", value: new THREE.Vector2( 1, 1 ) },
  27. "uDisplacementBias": { type: "f", value: 0.0 },
  28. "uDisplacementScale": { type: "f", value: 1.0 },
  29. "diffuse": { type: "c", value: new THREE.Color( 0xffffff ) },
  30. "specular": { type: "c", value: new THREE.Color( 0x111111 ) },
  31. "shininess": { type: "f", value: 30 },
  32. "opacity": { type: "f", value: 1 },
  33. "refractionRatio": { type: "f", value: 0.98 },
  34. "reflectivity": { type: "f", value: 0.5 },
  35. "uOffset" : { type: "v2", value: new THREE.Vector2( 0, 0 ) },
  36. "uRepeat" : { type: "v2", value: new THREE.Vector2( 1, 1 ) },
  37. "wrapRGB" : { type: "v3", value: new THREE.Vector3( 1, 1, 1 ) }
  38. }
  39. ] ),
  40. fragmentShader: [
  41. "uniform vec3 diffuse;",
  42. "uniform vec3 specular;",
  43. "uniform float shininess;",
  44. "uniform float opacity;",
  45. "uniform bool enableDiffuse;",
  46. "uniform bool enableSpecular;",
  47. "uniform bool enableAO;",
  48. "uniform bool enableReflection;",
  49. "uniform sampler2D tDiffuse;",
  50. "uniform sampler2D tNormal;",
  51. "uniform sampler2D tSpecular;",
  52. "uniform sampler2D tAO;",
  53. "uniform samplerCube tCube;",
  54. "uniform vec2 uNormalScale;",
  55. "uniform float refractionRatio;",
  56. "uniform float reflectivity;",
  57. "varying vec3 vTangent;",
  58. "varying vec3 vBinormal;",
  59. "varying vec3 vNormal;",
  60. "varying vec2 vUv;",
  61. "uniform vec3 ambientLightColor;",
  62. "#if MAX_DIR_LIGHTS > 0",
  63. " uniform vec3 directionalLightColor[ MAX_DIR_LIGHTS ];",
  64. " uniform vec3 directionalLightDirection[ MAX_DIR_LIGHTS ];",
  65. "#endif",
  66. "#if MAX_HEMI_LIGHTS > 0",
  67. " uniform vec3 hemisphereLightSkyColor[ MAX_HEMI_LIGHTS ];",
  68. " uniform vec3 hemisphereLightGroundColor[ MAX_HEMI_LIGHTS ];",
  69. " uniform vec3 hemisphereLightDirection[ MAX_HEMI_LIGHTS ];",
  70. "#endif",
  71. "#if MAX_POINT_LIGHTS > 0",
  72. " uniform vec3 pointLightColor[ MAX_POINT_LIGHTS ];",
  73. " uniform vec3 pointLightPosition[ MAX_POINT_LIGHTS ];",
  74. " uniform float pointLightDistance[ MAX_POINT_LIGHTS ];",
  75. "#endif",
  76. "#if MAX_SPOT_LIGHTS > 0",
  77. " uniform vec3 spotLightColor[ MAX_SPOT_LIGHTS ];",
  78. " uniform vec3 spotLightPosition[ MAX_SPOT_LIGHTS ];",
  79. " uniform vec3 spotLightDirection[ MAX_SPOT_LIGHTS ];",
  80. " uniform float spotLightAngleCos[ MAX_SPOT_LIGHTS ];",
  81. " uniform float spotLightExponent[ MAX_SPOT_LIGHTS ];",
  82. " uniform float spotLightDistance[ MAX_SPOT_LIGHTS ];",
  83. "#endif",
  84. "#ifdef WRAP_AROUND",
  85. " uniform vec3 wrapRGB;",
  86. "#endif",
  87. "varying vec3 vWorldPosition;",
  88. "varying vec3 vViewPosition;",
  89. THREE.ShaderChunk[ "common" ],
  90. THREE.ShaderChunk[ "shadowmap_pars_fragment" ],
  91. THREE.ShaderChunk[ "fog_pars_fragment" ],
  92. THREE.ShaderChunk[ "logdepthbuf_pars_fragment" ],
  93. "void main() {",
  94. THREE.ShaderChunk[ "logdepthbuf_fragment" ],
  95. " gl_FragColor = vec4( vec3( 1.0 ), opacity );",
  96. " vec3 specularTex = vec3( 1.0 );",
  97. " vec3 normalTex = texture2D( tNormal, vUv ).xyz * 2.0 - 1.0;",
  98. " normalTex.xy *= uNormalScale;",
  99. " normalTex = normalize( normalTex );",
  100. " if( enableDiffuse ) {",
  101. " #ifdef GAMMA_INPUT",
  102. " vec4 texelColor = texture2D( tDiffuse, vUv );",
  103. " texelColor.xyz *= texelColor.xyz;",
  104. " gl_FragColor = gl_FragColor * texelColor;",
  105. " #else",
  106. " gl_FragColor = gl_FragColor * texture2D( tDiffuse, vUv );",
  107. " #endif",
  108. " }",
  109. " if( enableAO ) {",
  110. " #ifdef GAMMA_INPUT",
  111. " vec4 aoColor = texture2D( tAO, vUv );",
  112. " aoColor.xyz *= aoColor.xyz;",
  113. " gl_FragColor.xyz = gl_FragColor.xyz * aoColor.xyz;",
  114. " #else",
  115. " gl_FragColor.xyz = gl_FragColor.xyz * texture2D( tAO, vUv ).xyz;",
  116. " #endif",
  117. " }",
  118. THREE.ShaderChunk[ "alphatest_fragment" ],
  119. " if( enableSpecular )",
  120. " specularTex = texture2D( tSpecular, vUv ).xyz;",
  121. " mat3 tsb = mat3( normalize( vTangent ), normalize( vBinormal ), normalize( vNormal ) );",
  122. " vec3 finalNormal = tsb * normalTex;",
  123. " #ifdef FLIP_SIDED",
  124. " finalNormal = -finalNormal;",
  125. " #endif",
  126. " vec3 normal = normalize( finalNormal );",
  127. " vec3 viewPosition = normalize( vViewPosition );",
  128. // point lights
  129. " #if MAX_POINT_LIGHTS > 0",
  130. " vec3 pointDiffuse = vec3( 0.0 );",
  131. " vec3 pointSpecular = vec3( 0.0 );",
  132. " for ( int i = 0; i < MAX_POINT_LIGHTS; i ++ ) {",
  133. " vec4 lPosition = viewMatrix * vec4( pointLightPosition[ i ], 1.0 );",
  134. " vec3 pointVector = lPosition.xyz + vViewPosition.xyz;",
  135. " float pointDistance = 1.0;",
  136. " if ( pointLightDistance[ i ] > 0.0 )",
  137. " pointDistance = 1.0 - min( ( length( pointVector ) / pointLightDistance[ i ] ), 1.0 );",
  138. " pointVector = normalize( pointVector );",
  139. // diffuse
  140. " #ifdef WRAP_AROUND",
  141. " float pointDiffuseWeightFull = max( dot( normal, pointVector ), 0.0 );",
  142. " float pointDiffuseWeightHalf = max( 0.5 * dot( normal, pointVector ) + 0.5, 0.0 );",
  143. " vec3 pointDiffuseWeight = mix( vec3( pointDiffuseWeightFull ), vec3( pointDiffuseWeightHalf ), wrapRGB );",
  144. " #else",
  145. " float pointDiffuseWeight = max( dot( normal, pointVector ), 0.0 );",
  146. " #endif",
  147. " pointDiffuse += pointDistance * pointLightColor[ i ] * diffuse * pointDiffuseWeight;",
  148. // specular
  149. " vec3 pointHalfVector = normalize( pointVector + viewPosition );",
  150. " float pointDotNormalHalf = max( dot( normal, pointHalfVector ), 0.0 );",
  151. " float pointSpecularWeight = specularTex.r * max( pow( pointDotNormalHalf, shininess ), 0.0 );",
  152. " float specularNormalization = ( shininess + 2.0 ) / 8.0;",
  153. " vec3 schlick = specular + vec3( 1.0 - specular ) * pow( max( 1.0 - dot( pointVector, pointHalfVector ), 0.0 ), 5.0 );",
  154. " pointSpecular += schlick * pointLightColor[ i ] * pointSpecularWeight * pointDiffuseWeight * pointDistance * specularNormalization;",
  155. " }",
  156. " #endif",
  157. // spot lights
  158. " #if MAX_SPOT_LIGHTS > 0",
  159. " vec3 spotDiffuse = vec3( 0.0 );",
  160. " vec3 spotSpecular = vec3( 0.0 );",
  161. " for ( int i = 0; i < MAX_SPOT_LIGHTS; i ++ ) {",
  162. " vec4 lPosition = viewMatrix * vec4( spotLightPosition[ i ], 1.0 );",
  163. " vec3 spotVector = lPosition.xyz + vViewPosition.xyz;",
  164. " float spotDistance = 1.0;",
  165. " if ( spotLightDistance[ i ] > 0.0 )",
  166. " spotDistance = 1.0 - min( ( length( spotVector ) / spotLightDistance[ i ] ), 1.0 );",
  167. " spotVector = normalize( spotVector );",
  168. " float spotEffect = dot( spotLightDirection[ i ], normalize( spotLightPosition[ i ] - vWorldPosition ) );",
  169. " if ( spotEffect > spotLightAngleCos[ i ] ) {",
  170. " spotEffect = max( pow( max( spotEffect, 0.0 ), spotLightExponent[ i ] ), 0.0 );",
  171. // diffuse
  172. " #ifdef WRAP_AROUND",
  173. " float spotDiffuseWeightFull = max( dot( normal, spotVector ), 0.0 );",
  174. " float spotDiffuseWeightHalf = max( 0.5 * dot( normal, spotVector ) + 0.5, 0.0 );",
  175. " vec3 spotDiffuseWeight = mix( vec3( spotDiffuseWeightFull ), vec3( spotDiffuseWeightHalf ), wrapRGB );",
  176. " #else",
  177. " float spotDiffuseWeight = max( dot( normal, spotVector ), 0.0 );",
  178. " #endif",
  179. " spotDiffuse += spotDistance * spotLightColor[ i ] * diffuse * spotDiffuseWeight * spotEffect;",
  180. // specular
  181. " vec3 spotHalfVector = normalize( spotVector + viewPosition );",
  182. " float spotDotNormalHalf = max( dot( normal, spotHalfVector ), 0.0 );",
  183. " float spotSpecularWeight = specularTex.r * max( pow( spotDotNormalHalf, shininess ), 0.0 );",
  184. " float specularNormalization = ( shininess + 2.0 ) / 8.0;",
  185. " vec3 schlick = specular + vec3( 1.0 - specular ) * pow( max( 1.0 - dot( spotVector, spotHalfVector ), 0.0 ), 5.0 );",
  186. " spotSpecular += schlick * spotLightColor[ i ] * spotSpecularWeight * spotDiffuseWeight * spotDistance * specularNormalization * spotEffect;",
  187. " }",
  188. " }",
  189. " #endif",
  190. // directional lights
  191. " #if MAX_DIR_LIGHTS > 0",
  192. " vec3 dirDiffuse = vec3( 0.0 );",
  193. " vec3 dirSpecular = vec3( 0.0 );",
  194. " for( int i = 0; i < MAX_DIR_LIGHTS; i++ ) {",
  195. " vec4 lDirection = viewMatrix * vec4( directionalLightDirection[ i ], 0.0 );",
  196. " vec3 dirVector = normalize( lDirection.xyz );",
  197. // diffuse
  198. " #ifdef WRAP_AROUND",
  199. " float directionalLightWeightingFull = max( dot( normal, dirVector ), 0.0 );",
  200. " float directionalLightWeightingHalf = max( 0.5 * dot( normal, dirVector ) + 0.5, 0.0 );",
  201. " vec3 dirDiffuseWeight = mix( vec3( directionalLightWeightingFull ), vec3( directionalLightWeightingHalf ), wrapRGB );",
  202. " #else",
  203. " float dirDiffuseWeight = max( dot( normal, dirVector ), 0.0 );",
  204. " #endif",
  205. " dirDiffuse += directionalLightColor[ i ] * diffuse * dirDiffuseWeight;",
  206. // specular
  207. " vec3 dirHalfVector = normalize( dirVector + viewPosition );",
  208. " float dirDotNormalHalf = max( dot( normal, dirHalfVector ), 0.0 );",
  209. " float dirSpecularWeight = specularTex.r * max( pow( dirDotNormalHalf, shininess ), 0.0 );",
  210. " float specularNormalization = ( shininess + 2.0 ) / 8.0;",
  211. " vec3 schlick = specular + vec3( 1.0 - specular ) * pow( max( 1.0 - dot( dirVector, dirHalfVector ), 0.0 ), 5.0 );",
  212. " dirSpecular += schlick * directionalLightColor[ i ] * dirSpecularWeight * dirDiffuseWeight * specularNormalization;",
  213. " }",
  214. " #endif",
  215. // hemisphere lights
  216. " #if MAX_HEMI_LIGHTS > 0",
  217. " vec3 hemiDiffuse = vec3( 0.0 );",
  218. " vec3 hemiSpecular = vec3( 0.0 );",
  219. " for( int i = 0; i < MAX_HEMI_LIGHTS; i ++ ) {",
  220. " vec4 lDirection = viewMatrix * vec4( hemisphereLightDirection[ i ], 0.0 );",
  221. " vec3 lVector = normalize( lDirection.xyz );",
  222. // diffuse
  223. " float dotProduct = dot( normal, lVector );",
  224. " float hemiDiffuseWeight = 0.5 * dotProduct + 0.5;",
  225. " vec3 hemiColor = mix( hemisphereLightGroundColor[ i ], hemisphereLightSkyColor[ i ], hemiDiffuseWeight );",
  226. " hemiDiffuse += diffuse * hemiColor;",
  227. // specular (sky light)
  228. " vec3 hemiHalfVectorSky = normalize( lVector + viewPosition );",
  229. " float hemiDotNormalHalfSky = 0.5 * dot( normal, hemiHalfVectorSky ) + 0.5;",
  230. " float hemiSpecularWeightSky = specularTex.r * max( pow( max( hemiDotNormalHalfSky, 0.0 ), shininess ), 0.0 );",
  231. // specular (ground light)
  232. " vec3 lVectorGround = -lVector;",
  233. " vec3 hemiHalfVectorGround = normalize( lVectorGround + viewPosition );",
  234. " float hemiDotNormalHalfGround = 0.5 * dot( normal, hemiHalfVectorGround ) + 0.5;",
  235. " float hemiSpecularWeightGround = specularTex.r * max( pow( max( hemiDotNormalHalfGround, 0.0 ), shininess ), 0.0 );",
  236. " float dotProductGround = dot( normal, lVectorGround );",
  237. " float specularNormalization = ( shininess + 2.0 ) / 8.0;",
  238. " vec3 schlickSky = specular + vec3( 1.0 - specular ) * pow( max( 1.0 - dot( lVector, hemiHalfVectorSky ), 0.0 ), 5.0 );",
  239. " vec3 schlickGround = specular + vec3( 1.0 - specular ) * pow( max( 1.0 - dot( lVectorGround, hemiHalfVectorGround ), 0.0 ), 5.0 );",
  240. " hemiSpecular += hemiColor * specularNormalization * ( schlickSky * hemiSpecularWeightSky * max( dotProduct, 0.0 ) + schlickGround * hemiSpecularWeightGround * max( dotProductGround, 0.0 ) );",
  241. " }",
  242. " #endif",
  243. // all lights contribution summation
  244. " vec3 totalDiffuse = vec3( 0.0 );",
  245. " vec3 totalSpecular = vec3( 0.0 );",
  246. " #if MAX_DIR_LIGHTS > 0",
  247. " totalDiffuse += dirDiffuse;",
  248. " totalSpecular += dirSpecular;",
  249. " #endif",
  250. " #if MAX_HEMI_LIGHTS > 0",
  251. " totalDiffuse += hemiDiffuse;",
  252. " totalSpecular += hemiSpecular;",
  253. " #endif",
  254. " #if MAX_POINT_LIGHTS > 0",
  255. " totalDiffuse += pointDiffuse;",
  256. " totalSpecular += pointSpecular;",
  257. " #endif",
  258. " #if MAX_SPOT_LIGHTS > 0",
  259. " totalDiffuse += spotDiffuse;",
  260. " totalSpecular += spotSpecular;",
  261. " #endif",
  262. " #ifdef METAL",
  263. " gl_FragColor.xyz = gl_FragColor.xyz * ( totalDiffuse + ambientLightColor * diffuse + totalSpecular );",
  264. " #else",
  265. " gl_FragColor.xyz = gl_FragColor.xyz * ( totalDiffuse + ambientLightColor * diffuse ) + totalSpecular;",
  266. " #endif",
  267. " if ( enableReflection ) {",
  268. " vec3 cameraToVertex = normalize( vWorldPosition - cameraPosition );",
  269. " #ifdef ENVMAP_MODE_REFLECTION",
  270. " vec3 vReflect = reflect( cameraToVertex, normal );",
  271. " #else",
  272. " vec3 vReflect = refract( cameraToVertex, normal, refractionRatio );",
  273. " #endif",
  274. " vec4 cubeColor = textureCube( tCube, vec3( -vReflect.x, vReflect.yz ) );",
  275. " #ifdef GAMMA_INPUT",
  276. " cubeColor.xyz *= cubeColor.xyz;",
  277. " #endif",
  278. " gl_FragColor.xyz = mix( gl_FragColor.xyz, cubeColor.xyz, specularTex.r * reflectivity );",
  279. " }",
  280. THREE.ShaderChunk[ "shadowmap_fragment" ],
  281. THREE.ShaderChunk[ "linear_to_gamma_fragment" ],
  282. THREE.ShaderChunk[ "fog_fragment" ],
  283. "}"
  284. ].join("\n"),
  285. vertexShader: [
  286. "attribute vec4 tangent;",
  287. "uniform vec2 uOffset;",
  288. "uniform vec2 uRepeat;",
  289. "uniform bool enableDisplacement;",
  290. "#ifdef VERTEX_TEXTURES",
  291. " uniform sampler2D tDisplacement;",
  292. " uniform float uDisplacementScale;",
  293. " uniform float uDisplacementBias;",
  294. "#endif",
  295. "varying vec3 vTangent;",
  296. "varying vec3 vBinormal;",
  297. "varying vec3 vNormal;",
  298. "varying vec2 vUv;",
  299. "varying vec3 vWorldPosition;",
  300. "varying vec3 vViewPosition;",
  301. THREE.ShaderChunk[ "skinning_pars_vertex" ],
  302. THREE.ShaderChunk[ "shadowmap_pars_vertex" ],
  303. THREE.ShaderChunk[ "logdepthbuf_pars_vertex" ],
  304. "void main() {",
  305. THREE.ShaderChunk[ "skinbase_vertex" ],
  306. THREE.ShaderChunk[ "skinnormal_vertex" ],
  307. // normal, tangent and binormal vectors
  308. " #ifdef USE_SKINNING",
  309. " vNormal = normalize( normalMatrix * skinnedNormal.xyz );",
  310. " vec4 skinnedTangent = skinMatrix * vec4( tangent.xyz, 0.0 );",
  311. " vTangent = normalize( normalMatrix * skinnedTangent.xyz );",
  312. " #else",
  313. " vNormal = normalize( normalMatrix * normal );",
  314. " vTangent = normalize( normalMatrix * tangent.xyz );",
  315. " #endif",
  316. " vBinormal = normalize( cross( vNormal, vTangent ) * tangent.w );",
  317. " vUv = uv * uRepeat + uOffset;",
  318. // displacement mapping
  319. " vec3 displacedPosition;",
  320. " #ifdef VERTEX_TEXTURES",
  321. " if ( enableDisplacement ) {",
  322. " vec3 dv = texture2D( tDisplacement, uv ).xyz;",
  323. " float df = uDisplacementScale * dv.x + uDisplacementBias;",
  324. " displacedPosition = position + normalize( normal ) * df;",
  325. " } else {",
  326. " #ifdef USE_SKINNING",
  327. " vec4 skinVertex = bindMatrix * vec4( position, 1.0 );",
  328. " vec4 skinned = vec4( 0.0 );",
  329. " skinned += boneMatX * skinVertex * skinWeight.x;",
  330. " skinned += boneMatY * skinVertex * skinWeight.y;",
  331. " skinned += boneMatZ * skinVertex * skinWeight.z;",
  332. " skinned += boneMatW * skinVertex * skinWeight.w;",
  333. " skinned = bindMatrixInverse * skinned;",
  334. " displacedPosition = skinned.xyz;",
  335. " #else",
  336. " displacedPosition = position;",
  337. " #endif",
  338. " }",
  339. " #else",
  340. " #ifdef USE_SKINNING",
  341. " vec4 skinVertex = bindMatrix * vec4( position, 1.0 );",
  342. " vec4 skinned = vec4( 0.0 );",
  343. " skinned += boneMatX * skinVertex * skinWeight.x;",
  344. " skinned += boneMatY * skinVertex * skinWeight.y;",
  345. " skinned += boneMatZ * skinVertex * skinWeight.z;",
  346. " skinned += boneMatW * skinVertex * skinWeight.w;",
  347. " skinned = bindMatrixInverse * skinned;",
  348. " displacedPosition = skinned.xyz;",
  349. " #else",
  350. " displacedPosition = position;",
  351. " #endif",
  352. " #endif",
  353. //
  354. " vec4 mvPosition = modelViewMatrix * vec4( displacedPosition, 1.0 );",
  355. " vec4 worldPosition = modelMatrix * vec4( displacedPosition, 1.0 );",
  356. " gl_Position = projectionMatrix * mvPosition;",
  357. THREE.ShaderChunk[ "logdepthbuf_vertex" ],
  358. //
  359. " vWorldPosition = worldPosition.xyz;",
  360. " vViewPosition = -mvPosition.xyz;",
  361. // shadows
  362. " #ifdef USE_SHADOWMAP",
  363. " for( int i = 0; i < MAX_SHADOWS; i ++ ) {",
  364. " vShadowCoord[ i ] = shadowMatrix[ i ] * worldPosition;",
  365. " }",
  366. " #endif",
  367. "}"
  368. ].join("\n")
  369. };