Upgrade three-gpu-pathtracer, screenshots (#4686)

* bump versions

* Update package lock

* Small changes to renderer

* Update screenshots

* Remove screenshots

* Update samples, config

Author: gkjohnson

package-lock.json

@@ -44,7 +44,8 @@
     "puppeteer": "^21.3.4",
     "rimraf": "^3.0.2",
     "three": "^0.160.0",
-    "three-gpu-pathtracer": "^0.0.13",
+    "three-gpu-pathtracer": "^0.0.20",
+    "three-mesh-bvh": "^0.7.3",
     "yargs": "^17.7.2"
   },
   "devDependencies": {

packages/render-fidelity-tools/package.json

@@ -14,7 +14,7 @@
  */
 
 import {PathTracingRenderer, PathTracingSceneGenerator, PhysicalPathTracingMaterial} from 'three-gpu-pathtracer';
-import {WebGLRenderer, MeshBasicMaterial, PerspectiveCamera, ACESFilmicToneMapping, sRGBEncoding, CustomBlending, MathUtils, Sphere, Box3, Object3D, Mesh, BufferAttribute, Group, DirectionalLight} from 'three';
+import {WebGLRenderer, MeshBasicMaterial, PerspectiveCamera, ACESFilmicToneMapping, CustomBlending, MathUtils, Sphere, Box3, Object3D, Mesh, BufferAttribute, Group, DirectionalLight} from 'three';
 import {FullScreenQuad} from 'three/examples/jsm/postprocessing/Pass';
 import {GLTFLoader} from 'three/examples/jsm/loaders/GLTFLoader';
 import {RGBELoader} from 'three/examples/jsm/loaders/RGBELoader';
@@ -75,10 +75,11 @@ export class ThreePathTracerViewer extends LitElement {
 
     this[$renderer] = new WebGLRenderer({canvas: this[$canvas] || undefined});
     this[$renderer].toneMapping = ACESFilmicToneMapping;
-    this[$renderer].outputEncoding = sRGBEncoding;
 
     this[$pathtracer] = new PathTracingRenderer(this[$renderer]);
-    this[$pathtracer].material = new PhysicalPathTracingMaterial();
+    this[$pathtracer].material = new PhysicalPathTracingMaterial( {
+      filterGlossyFactor: 0.5,
+    } );
     this[$pathtracer].camera = this[$camera];
     this[$pathtracer].alpha = true;
 
@@ -202,7 +203,7 @@ export class ThreePathTracerViewer extends LitElement {
 
     this[$updateSize]();
 
-    const MAX_SAMPLES = 100;
+    const MAX_SAMPLES = 64;
     let eventBroadcast = false;
     renderer.setAnimationLoop(() => {
       const camera = this[$camera];

packages/render-fidelity-tools/src/components/renderers/three-gpu-pathtracer-viewer.ts

@@ -294,7 +294,8 @@
       },
       "exclude": [
         "stellar",
-        "vray"
+        "vray",
+        "three-gpu-pathtracer"
       ]
     },
     {
@@ -607,7 +608,8 @@
         "y": -0.09
       },
       "exclude": [
-        "vray"
+        "vray",
+        "three-gpu-pathtracer"
       ]
     },
     {