three-gpu-pathtracer 0.0.7 → 0.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +886 -815
  3. package/build/index.module.js +6374 -5613
  4. package/build/index.module.js.map +1 -1
  5. package/build/index.umd.cjs +6377 -5615
  6. package/build/index.umd.cjs.map +1 -1
  7. package/package.json +69 -68
  8. package/src/core/DynamicPathTracingSceneGenerator.js +119 -119
  9. package/src/core/MaterialReducer.js +256 -256
  10. package/src/core/PathTracingRenderer.js +275 -270
  11. package/src/core/PathTracingSceneGenerator.js +1 -1
  12. package/src/index.js +39 -35
  13. package/src/materials/AlphaDisplayMaterial.js +48 -48
  14. package/src/materials/AmbientOcclusionMaterial.js +199 -197
  15. package/src/materials/BlendMaterial.js +67 -67
  16. package/src/materials/DenoiseMaterial.js +142 -142
  17. package/src/materials/GraphMaterial.js +243 -243
  18. package/src/materials/LambertPathTracingMaterial.js +285 -285
  19. package/src/materials/MaterialBase.js +56 -56
  20. package/src/materials/PhysicalPathTracingMaterial.js +982 -970
  21. package/src/objects/EquirectCamera.js +13 -13
  22. package/src/objects/PhysicalCamera.js +28 -28
  23. package/src/objects/PhysicalSpotLight.js +14 -14
  24. package/src/objects/ShapedAreaLight.js +12 -12
  25. package/src/shader/shaderEnvMapSampling.js +58 -59
  26. package/src/shader/shaderGGXFunctions.js +100 -100
  27. package/src/shader/shaderIridescenceFunctions.js +130 -130
  28. package/src/shader/shaderLayerTexelFetchFunctions.js +25 -0
  29. package/src/shader/shaderLightSampling.js +229 -231
  30. package/src/shader/shaderMaterialSampling.js +498 -542
  31. package/src/shader/shaderRandFunctions.js +57 -0
  32. package/src/shader/shaderSheenFunctions.js +98 -98
  33. package/src/shader/shaderSobolSampling.js +256 -0
  34. package/src/shader/shaderStructs.js +325 -321
  35. package/src/shader/shaderUtils.js +361 -364
  36. package/src/textures/GradientEquirectTexture.js +35 -0
  37. package/src/textures/ProceduralEquirectTexture.js +75 -0
  38. package/src/uniforms/AttributesTextureArray.js +35 -0
  39. package/src/uniforms/EquirectHdrInfoUniform.js +259 -259
  40. package/src/uniforms/FloatAttributeTextureArray.js +169 -0
  41. package/src/uniforms/IESProfilesTexture.js +100 -100
  42. package/src/uniforms/LightsInfoUniformStruct.js +207 -162
  43. package/src/uniforms/MaterialsTexture.js +426 -426
  44. package/src/uniforms/PhysicalCameraUniform.js +36 -36
  45. package/src/uniforms/RenderTarget2DArray.js +97 -93
  46. package/src/uniforms/utils.js +30 -0
  47. package/src/utils/BlurredEnvMapGenerator.js +116 -113
  48. package/src/utils/IESLoader.js +325 -325
  49. package/src/utils/SobolNumberMapGenerator.js +80 -0
  50. package/src/utils/UVUnwrapper.js +101 -101
  51. package/src/workers/PathTracingSceneWorker.js +42 -42
@@ -1,270 +1,275 @@
1
- import { RGBAFormat, FloatType, Color, Vector2, WebGLRenderTarget, NoBlending, NormalBlending } from 'three';
2
- import { FullScreenQuad } from 'three/examples/jsm/postprocessing/Pass.js';
3
- import { BlendMaterial } from '../materials/BlendMaterial.js';
4
-
5
- function* renderTask() {
6
-
7
- const {
8
- _renderer,
9
- _fsQuad,
10
- _blendQuad,
11
- _primaryTarget,
12
- _blendTargets,
13
- alpha,
14
- camera,
15
- material,
16
- } = this;
17
-
18
- const blendMaterial = _blendQuad.material;
19
- let [ blendTarget1, blendTarget2 ] = _blendTargets;
20
-
21
- while ( true ) {
22
-
23
- if ( alpha ) {
24
-
25
- blendMaterial.opacity = 1 / ( this.samples + 1 );
26
- material.blending = NoBlending;
27
- material.opacity = 1;
28
-
29
- } else {
30
-
31
- material.opacity = 1 / ( this.samples + 1 );
32
- material.blending = NormalBlending;
33
-
34
- }
35
-
36
- const w = _primaryTarget.width;
37
- const h = _primaryTarget.height;
38
- material.resolution.set( w, h );
39
- material.seed ++;
40
-
41
- const tilesX = this.tiles.x || 1;
42
- const tilesY = this.tiles.y || 1;
43
- const totalTiles = tilesX * tilesY;
44
- const dprInv = ( 1 / _renderer.getPixelRatio() );
45
- for ( let y = 0; y < tilesY; y ++ ) {
46
-
47
- for ( let x = 0; x < tilesX; x ++ ) {
48
-
49
- material.cameraWorldMatrix.copy( camera.matrixWorld );
50
- material.invProjectionMatrix.copy( camera.projectionMatrixInverse );
51
-
52
- // Perspective camera (default)
53
- let cameraType = 0;
54
-
55
- // An orthographic projection matrix will always have the bottom right element == 1
56
- // And a perspective projection matrix will always have the bottom right element == 0
57
- if ( camera.projectionMatrix.elements[ 15 ] > 0 ) {
58
-
59
- // Orthographic
60
- cameraType = 1;
61
-
62
- }
63
-
64
- if ( camera.isEquirectCamera ) {
65
-
66
- // Equirectangular
67
- cameraType = 2;
68
-
69
- }
70
-
71
- material.setDefine( 'CAMERA_TYPE', cameraType );
72
-
73
- const ogRenderTarget = _renderer.getRenderTarget();
74
- const ogAutoClear = _renderer.autoClear;
75
-
76
- let tx = x;
77
- let ty = y;
78
- if ( ! this.stableTiles ) {
79
-
80
- const tileIndex = ( this._currentTile ) % ( tilesX * tilesY );
81
- tx = tileIndex % tilesX;
82
- ty = ~ ~ ( tileIndex / tilesX );
83
-
84
- this._currentTile = tileIndex + 1;
85
-
86
- }
87
-
88
- // three.js renderer takes values relative to the current pixel ratio
89
- _renderer.setRenderTarget( _primaryTarget );
90
- _renderer.setScissorTest( true );
91
- _renderer.setScissor(
92
- dprInv * Math.ceil( tx * w / tilesX ),
93
- dprInv * Math.ceil( ( tilesY - ty - 1 ) * h / tilesY ),
94
- dprInv * Math.ceil( w / tilesX ),
95
- dprInv * Math.ceil( h / tilesY ) );
96
- _renderer.autoClear = false;
97
- _fsQuad.render( _renderer );
98
-
99
- _renderer.setScissorTest( false );
100
- _renderer.setRenderTarget( ogRenderTarget );
101
- _renderer.autoClear = ogAutoClear;
102
-
103
- if ( alpha ) {
104
-
105
- blendMaterial.target1 = blendTarget1.texture;
106
- blendMaterial.target2 = _primaryTarget.texture;
107
-
108
- _renderer.setRenderTarget( blendTarget2 );
109
- _blendQuad.render( _renderer );
110
- _renderer.setRenderTarget( ogRenderTarget );
111
-
112
- }
113
-
114
- this.samples += ( 1 / totalTiles );
115
-
116
- yield;
117
-
118
- }
119
-
120
- }
121
-
122
- [ blendTarget1, blendTarget2 ] = [ blendTarget2, blendTarget1 ];
123
-
124
- this.samples = Math.round( this.samples );
125
-
126
- }
127
-
128
- }
129
-
130
- const ogClearColor = new Color();
131
- export class PathTracingRenderer {
132
-
133
- get material() {
134
-
135
- return this._fsQuad.material;
136
-
137
- }
138
-
139
- set material( v ) {
140
-
141
- this._fsQuad.material = v;
142
-
143
- }
144
-
145
- get target() {
146
-
147
- return this._alpha ? this._blendTargets[ 1 ] : this._primaryTarget;
148
-
149
- }
150
-
151
- set alpha( v ) {
152
-
153
- if ( ! v ) {
154
-
155
- this._blendTargets[ 0 ].dispose();
156
- this._blendTargets[ 1 ].dispose();
157
-
158
- }
159
-
160
- this._alpha = v;
161
- this.reset();
162
-
163
- }
164
-
165
- get alpha() {
166
-
167
- return this._alpha;
168
-
169
- }
170
-
171
- constructor( renderer ) {
172
-
173
- this.camera = null;
174
- this.tiles = new Vector2( 1, 1 );
175
-
176
- this.samples = 0;
177
- this.stableNoise = false;
178
- this.stableTiles = true;
179
-
180
- this._renderer = renderer;
181
- this._alpha = false;
182
- this._fsQuad = new FullScreenQuad( null );
183
- this._blendQuad = new FullScreenQuad( new BlendMaterial() );
184
- this._task = null;
185
- this._currentTile = 0;
186
-
187
- this._primaryTarget = new WebGLRenderTarget( 1, 1, {
188
- format: RGBAFormat,
189
- type: FloatType,
190
- } );
191
- this._blendTargets = [
192
- new WebGLRenderTarget( 1, 1, {
193
- format: RGBAFormat,
194
- type: FloatType,
195
- } ),
196
- new WebGLRenderTarget( 1, 1, {
197
- format: RGBAFormat,
198
- type: FloatType,
199
- } ),
200
- ];
201
-
202
- }
203
-
204
- setSize( w, h ) {
205
-
206
- this._primaryTarget.setSize( w, h );
207
- this._blendTargets[ 0 ].setSize( w, h );
208
- this._blendTargets[ 1 ].setSize( w, h );
209
- this.reset();
210
-
211
- }
212
-
213
- dispose() {
214
-
215
- this._primaryTarget.dispose();
216
- this._blendTargets[ 0 ].dispose();
217
- this._blendTargets[ 1 ].dispose();
218
-
219
- this._fsQuad.dispose();
220
- this._blendQuad.dispose();
221
- this._task = null;
222
-
223
- }
224
-
225
- reset() {
226
-
227
- const { _renderer, _primaryTarget, _blendTargets } = this;
228
- const ogRenderTarget = _renderer.getRenderTarget();
229
- const ogClearAlpha = _renderer.getClearAlpha();
230
- _renderer.getClearColor( ogClearColor );
231
-
232
- _renderer.setRenderTarget( _primaryTarget );
233
- _renderer.setClearColor( 0, 0 );
234
- _renderer.clearColor();
235
-
236
- _renderer.setRenderTarget( _blendTargets[ 0 ] );
237
- _renderer.setClearColor( 0, 0 );
238
- _renderer.clearColor();
239
-
240
- _renderer.setRenderTarget( _blendTargets[ 1 ] );
241
- _renderer.setClearColor( 0, 0 );
242
- _renderer.clearColor();
243
-
244
- _renderer.setClearColor( ogClearColor, ogClearAlpha );
245
- _renderer.setRenderTarget( ogRenderTarget );
246
-
247
- this.samples = 0;
248
- this._task = null;
249
-
250
- if ( this.stableNoise ) {
251
-
252
- this.material.seed = 0;
253
-
254
- }
255
-
256
- }
257
-
258
- update() {
259
-
260
- if ( ! this._task ) {
261
-
262
- this._task = renderTask.call( this );
263
-
264
- }
265
-
266
- this._task.next();
267
-
268
- }
269
-
270
- }
1
+ import { RGBAFormat, FloatType, Color, Vector2, WebGLRenderTarget, NoBlending, NormalBlending } from 'three';
2
+ import { FullScreenQuad } from 'three/examples/jsm/postprocessing/Pass.js';
3
+ import { BlendMaterial } from '../materials/BlendMaterial.js';
4
+ import { SobolNumberMapGenerator } from '../utils/SobolNumberMapGenerator.js';
5
+
6
+ function* renderTask() {
7
+
8
+ const {
9
+ _renderer,
10
+ _fsQuad,
11
+ _blendQuad,
12
+ _primaryTarget,
13
+ _blendTargets,
14
+ _sobolTarget,
15
+ alpha,
16
+ camera,
17
+ material,
18
+ } = this;
19
+
20
+ const blendMaterial = _blendQuad.material;
21
+ let [ blendTarget1, blendTarget2 ] = _blendTargets;
22
+
23
+ while ( true ) {
24
+
25
+ if ( alpha ) {
26
+
27
+ blendMaterial.opacity = 1 / ( this.samples + 1 );
28
+ material.blending = NoBlending;
29
+ material.opacity = 1;
30
+
31
+ } else {
32
+
33
+ material.opacity = 1 / ( this.samples + 1 );
34
+ material.blending = NormalBlending;
35
+
36
+ }
37
+
38
+ const w = _primaryTarget.width;
39
+ const h = _primaryTarget.height;
40
+ material.resolution.set( w, h );
41
+ material.sobolTexture = _sobolTarget.texture;
42
+ material.seed ++;
43
+
44
+ const tilesX = this.tiles.x || 1;
45
+ const tilesY = this.tiles.y || 1;
46
+ const totalTiles = tilesX * tilesY;
47
+ const dprInv = ( 1 / _renderer.getPixelRatio() );
48
+ for ( let y = 0; y < tilesY; y ++ ) {
49
+
50
+ for ( let x = 0; x < tilesX; x ++ ) {
51
+
52
+ material.cameraWorldMatrix.copy( camera.matrixWorld );
53
+ material.invProjectionMatrix.copy( camera.projectionMatrixInverse );
54
+
55
+ // Perspective camera (default)
56
+ let cameraType = 0;
57
+
58
+ // An orthographic projection matrix will always have the bottom right element == 1
59
+ // And a perspective projection matrix will always have the bottom right element == 0
60
+ if ( camera.projectionMatrix.elements[ 15 ] > 0 ) {
61
+
62
+ // Orthographic
63
+ cameraType = 1;
64
+
65
+ }
66
+
67
+ if ( camera.isEquirectCamera ) {
68
+
69
+ // Equirectangular
70
+ cameraType = 2;
71
+
72
+ }
73
+
74
+ material.setDefine( 'CAMERA_TYPE', cameraType );
75
+
76
+ const ogRenderTarget = _renderer.getRenderTarget();
77
+ const ogAutoClear = _renderer.autoClear;
78
+
79
+ let tx = x;
80
+ let ty = y;
81
+ if ( ! this.stableTiles ) {
82
+
83
+ const tileIndex = ( this._currentTile ) % ( tilesX * tilesY );
84
+ tx = tileIndex % tilesX;
85
+ ty = ~ ~ ( tileIndex / tilesX );
86
+
87
+ this._currentTile = tileIndex + 1;
88
+
89
+ }
90
+
91
+ // three.js renderer takes values relative to the current pixel ratio
92
+ _renderer.setRenderTarget( _primaryTarget );
93
+ _renderer.setScissorTest( true );
94
+ _renderer.setScissor(
95
+ dprInv * Math.ceil( tx * w / tilesX ),
96
+ dprInv * Math.ceil( ( tilesY - ty - 1 ) * h / tilesY ),
97
+ dprInv * Math.ceil( w / tilesX ),
98
+ dprInv * Math.ceil( h / tilesY ) );
99
+ _renderer.autoClear = false;
100
+ _fsQuad.render( _renderer );
101
+
102
+ _renderer.setScissorTest( false );
103
+ _renderer.setRenderTarget( ogRenderTarget );
104
+ _renderer.autoClear = ogAutoClear;
105
+
106
+ if ( alpha ) {
107
+
108
+ blendMaterial.target1 = blendTarget1.texture;
109
+ blendMaterial.target2 = _primaryTarget.texture;
110
+
111
+ _renderer.setRenderTarget( blendTarget2 );
112
+ _blendQuad.render( _renderer );
113
+ _renderer.setRenderTarget( ogRenderTarget );
114
+
115
+ }
116
+
117
+ this.samples += ( 1 / totalTiles );
118
+
119
+ yield;
120
+
121
+ }
122
+
123
+ }
124
+
125
+ [ blendTarget1, blendTarget2 ] = [ blendTarget2, blendTarget1 ];
126
+
127
+ this.samples = Math.round( this.samples );
128
+
129
+ }
130
+
131
+ }
132
+
133
+ const ogClearColor = new Color();
134
+ export class PathTracingRenderer {
135
+
136
+ get material() {
137
+
138
+ return this._fsQuad.material;
139
+
140
+ }
141
+
142
+ set material( v ) {
143
+
144
+ this._fsQuad.material = v;
145
+
146
+ }
147
+
148
+ get target() {
149
+
150
+ return this._alpha ? this._blendTargets[ 1 ] : this._primaryTarget;
151
+
152
+ }
153
+
154
+ set alpha( v ) {
155
+
156
+ if ( ! v ) {
157
+
158
+ this._blendTargets[ 0 ].dispose();
159
+ this._blendTargets[ 1 ].dispose();
160
+
161
+ }
162
+
163
+ this._alpha = v;
164
+ this.reset();
165
+
166
+ }
167
+
168
+ get alpha() {
169
+
170
+ return this._alpha;
171
+
172
+ }
173
+
174
+ constructor( renderer ) {
175
+
176
+ this.camera = null;
177
+ this.tiles = new Vector2( 1, 1 );
178
+
179
+ this.samples = 0;
180
+ this.stableNoise = false;
181
+ this.stableTiles = true;
182
+
183
+ this._renderer = renderer;
184
+ this._alpha = false;
185
+ this._fsQuad = new FullScreenQuad( null );
186
+ this._blendQuad = new FullScreenQuad( new BlendMaterial() );
187
+ this._task = null;
188
+ this._currentTile = 0;
189
+
190
+ this._sobolTarget = new SobolNumberMapGenerator().generate( renderer );
191
+ this._primaryTarget = new WebGLRenderTarget( 1, 1, {
192
+ format: RGBAFormat,
193
+ type: FloatType,
194
+ } );
195
+ this._blendTargets = [
196
+ new WebGLRenderTarget( 1, 1, {
197
+ format: RGBAFormat,
198
+ type: FloatType,
199
+ } ),
200
+ new WebGLRenderTarget( 1, 1, {
201
+ format: RGBAFormat,
202
+ type: FloatType,
203
+ } ),
204
+ ];
205
+
206
+ }
207
+
208
+ setSize( w, h ) {
209
+
210
+ this._primaryTarget.setSize( w, h );
211
+ this._blendTargets[ 0 ].setSize( w, h );
212
+ this._blendTargets[ 1 ].setSize( w, h );
213
+ this.reset();
214
+
215
+ }
216
+
217
+ dispose() {
218
+
219
+ this._primaryTarget.dispose();
220
+ this._blendTargets[ 0 ].dispose();
221
+ this._blendTargets[ 1 ].dispose();
222
+ this._sobolTarget.dispose();
223
+
224
+ this._fsQuad.dispose();
225
+ this._blendQuad.dispose();
226
+ this._task = null;
227
+
228
+ }
229
+
230
+ reset() {
231
+
232
+ const { _renderer, _primaryTarget, _blendTargets } = this;
233
+ const ogRenderTarget = _renderer.getRenderTarget();
234
+ const ogClearAlpha = _renderer.getClearAlpha();
235
+ _renderer.getClearColor( ogClearColor );
236
+
237
+ _renderer.setRenderTarget( _primaryTarget );
238
+ _renderer.setClearColor( 0, 0 );
239
+ _renderer.clearColor();
240
+
241
+ _renderer.setRenderTarget( _blendTargets[ 0 ] );
242
+ _renderer.setClearColor( 0, 0 );
243
+ _renderer.clearColor();
244
+
245
+ _renderer.setRenderTarget( _blendTargets[ 1 ] );
246
+ _renderer.setClearColor( 0, 0 );
247
+ _renderer.clearColor();
248
+
249
+ _renderer.setClearColor( ogClearColor, ogClearAlpha );
250
+ _renderer.setRenderTarget( ogRenderTarget );
251
+
252
+ this.samples = 0;
253
+ this._task = null;
254
+
255
+ if ( this.stableNoise ) {
256
+
257
+ this.material.seed = 0;
258
+
259
+ }
260
+
261
+ }
262
+
263
+ update() {
264
+
265
+ if ( ! this._task ) {
266
+
267
+ this._task = renderTask.call( this );
268
+
269
+ }
270
+
271
+ this._task.next();
272
+
273
+ }
274
+
275
+ }
@@ -13,7 +13,7 @@ export class PathTracingSceneGenerator {
13
13
 
14
14
  for ( let i = 0, l = scene.length; i < l; i ++ ) {
15
15
 
16
- scene[ i ].traverse( c => {
16
+ scene[ i ].traverseVisible( c => {
17
17
 
18
18
  if ( c.isSkinnedMesh || c.isMesh && c.morphTargetInfluences ) {
19
19
 
package/src/index.js CHANGED
@@ -1,35 +1,39 @@
1
- // core
2
- export * from './core/PathTracingRenderer.js';
3
- export * from './core/PathTracingSceneGenerator.js';
4
- export * from './core/DynamicPathTracingSceneGenerator.js';
5
- export * from './core/MaterialReducer.js';
6
-
7
- // objects
8
- export * from './objects/PhysicalCamera.js';
9
- export * from './objects/EquirectCamera.js';
10
- export * from './objects/PhysicalSpotLight.js';
11
- export * from './objects/ShapedAreaLight.js';
12
-
13
- // uniforms
14
- export * from './uniforms/MaterialsTexture.js';
15
- export * from './uniforms/RenderTarget2DArray.js';
16
- export * from './uniforms/EquirectHdrInfoUniform.js';
17
- export * from './uniforms/PhysicalCameraUniform.js';
18
- export * from './uniforms/LightsInfoUniformStruct.js';
19
- export * from './uniforms/IESProfilesTexture.js';
20
-
21
- // utils
22
- export * from './utils/GeometryPreparationUtils.js';
23
- export * from './utils/BlurredEnvMapGenerator.js';
24
- export * from './utils/IESLoader.js';
25
-
26
- // materials
27
- export * from './materials/DenoiseMaterial.js';
28
- export * from './materials/GraphMaterial.js';
29
- export * from './materials/MaterialBase.js';
30
- export * from './materials/PhysicalPathTracingMaterial.js';
31
-
32
- // shaders
33
- export * from './shader/shaderMaterialSampling.js';
34
- export * from './shader/shaderUtils.js';
35
- export * from './shader/shaderStructs.js';
1
+ // core
2
+ export * from './core/PathTracingRenderer.js';
3
+ export * from './core/PathTracingSceneGenerator.js';
4
+ export * from './core/DynamicPathTracingSceneGenerator.js';
5
+ export * from './core/MaterialReducer.js';
6
+
7
+ // objects
8
+ export * from './objects/PhysicalCamera.js';
9
+ export * from './objects/EquirectCamera.js';
10
+ export * from './objects/PhysicalSpotLight.js';
11
+ export * from './objects/ShapedAreaLight.js';
12
+
13
+ // textures
14
+ export * from './textures/ProceduralEquirectTexture.js';
15
+ export * from './textures/GradientEquirectTexture.js';
16
+
17
+ // uniforms
18
+ export * from './uniforms/MaterialsTexture.js';
19
+ export * from './uniforms/RenderTarget2DArray.js';
20
+ export * from './uniforms/EquirectHdrInfoUniform.js';
21
+ export * from './uniforms/PhysicalCameraUniform.js';
22
+ export * from './uniforms/LightsInfoUniformStruct.js';
23
+ export * from './uniforms/IESProfilesTexture.js';
24
+
25
+ // utils
26
+ export * from './utils/GeometryPreparationUtils.js';
27
+ export * from './utils/BlurredEnvMapGenerator.js';
28
+ export * from './utils/IESLoader.js';
29
+
30
+ // materials
31
+ export * from './materials/DenoiseMaterial.js';
32
+ export * from './materials/GraphMaterial.js';
33
+ export * from './materials/MaterialBase.js';
34
+ export * from './materials/PhysicalPathTracingMaterial.js';
35
+
36
+ // shaders
37
+ export * from './shader/shaderMaterialSampling.js';
38
+ export * from './shader/shaderUtils.js';
39
+ export * from './shader/shaderStructs.js';