Release 0.5.0

Author: elfrank

build/RayTracingRenderer.es5.js

@@ -2657,7 +2657,6 @@
     var tileHeight;
     var columns;
     var rows;
-    var firstTileTime = 0;
     var width = 0;
     var height = 0; // initial number of pixels per rendered tile
     // based on correlation between system performance and max supported render buffer size
@@ -2667,14 +2666,21 @@
     var pixelsPerTileQuantized = pixelsPerTile;
     var desiredTimePerTile = 20;
     var timePerPixel = desiredTimePerTile / pixelsPerTile;
+    var lastTime = 0;
+    var timeElapsed = 0;
 
-    function restartTimer() {
-      firstTileTime = 0;
+    function updateTime(time) {
+      if (lastTime) {
+        timeElapsed = time - lastTime;
+      }
+
+      lastTime = time;
     }
 
     function reset() {
       currentTile = -1;
-      firstTileTime = 0;
+      timeElapsed = 0;
+      lastTime = 0;
     }
 
     function setSize(w, h) {
@@ -2695,8 +2701,7 @@
     }
 
     function initTiles() {
-      if (firstTileTime) {
-        var timeElapsed = Date.now() - firstTileTime;
+      if (timeElapsed) {
         var timePerTile = timeElapsed / numTiles;
         var expAvg = 0.5;
         var newPixelsPerTile = pixelsPerTile * desiredTimePerTile / timePerTile;
@@ -2705,7 +2710,6 @@
         timePerPixel = expAvg * timePerPixel + (1 - expAvg) * newTimePerPixel;
       }
 
-      firstTileTime = Date.now();
       pixelsPerTile = clamp(pixelsPerTile, 8192, width * height);
       setTileDimensions(pixelsPerTile);
     }
@@ -2716,6 +2720,13 @@
       if (currentTile % numTiles === 0) {
         initTiles();
         currentTile = 0;
+        timeElapsed = 0;
+      }
+
+      var isLastTile = currentTile === numTiles - 1;
+
+      if (isLastTile) {
+        requestAnimationFrame(updateTime);
       }
 
       var x = currentTile % columns;
@@ -2726,7 +2737,7 @@
         tileWidth: tileWidth,
         tileHeight: tileHeight,
         isFirstTile: currentTile === 0,
-        isLastTile: currentTile === numTiles - 1
+        isLastTile: isLastTile
       };
     }
 
@@ -2736,7 +2747,6 @@
       },
       nextTile: nextTile,
       reset: reset,
-      restartTimer: restartTimer,
       setSize: setSize
     };
   }
@@ -3034,8 +3044,7 @@
           tileWidth = _tileRender$nextTile.tileWidth,
           tileHeight = _tileRender$nextTile.tileHeight,
           isFirstTile = _tileRender$nextTile.isFirstTile,
-          isLastTile = _tileRender$nextTile.isLastTile; // move to isLastTile?
-
+          isLastTile = _tileRender$nextTile.isLastTile;
 
       if (isFirstTile) {
         if (sampleCount === 0) {
@@ -3131,7 +3140,7 @@
     return {
       draw: draw,
       drawFull: drawFull,
-      restartTimer: tileRender.restartTimer,
+      restartTimer: tileRender.reset,
       setSize: setSize,
       getTotalSamplesRendered: function getTotalSamplesRendered() {
         return sampleCount;

build/RayTracingRenderer.js

@@ -3415,8 +3415,6 @@ void sampleGlassSpecular(SurfaceInteraction si, int bounce, inout Path path) {
     let columns;
     let rows;
 
-    let firstTileTime = 0;
-
     let width = 0;
     let height = 0;
 
@@ -3431,13 +3429,21 @@ void sampleGlassSpecular(SurfaceInteraction si, int bounce, inout Path path) {
 
     let timePerPixel = desiredTimePerTile / pixelsPerTile;
 
-    function restartTimer() {
-      firstTileTime = 0;
+    let lastTime = 0;
+    let timeElapsed = 0;
+
+    function updateTime(time) {
+      if (lastTime) {
+        timeElapsed = time - lastTime;
+      }
+
+      lastTime = time;
     }
 
     function reset() {
       currentTile = -1;
-      firstTileTime = 0;
+      timeElapsed = 0;
+      lastTime = 0;
     }
 
     function setSize(w, h) {
@@ -3460,8 +3466,7 @@ void sampleGlassSpecular(SurfaceInteraction si, int bounce, inout Path path) {
     }
 
     function initTiles() {
-      if (firstTileTime) {
-        const timeElapsed = Date.now() - firstTileTime;
+      if (timeElapsed) {
         const timePerTile = timeElapsed / numTiles;
 
         const expAvg = 0.5;
@@ -3473,8 +3478,6 @@ void sampleGlassSpecular(SurfaceInteraction si, int bounce, inout Path path) {
         timePerPixel = expAvg * timePerPixel + (1 - expAvg) * newTimePerPixel;
       }
 
-      firstTileTime = Date.now();
-
       pixelsPerTile = clamp(pixelsPerTile, 8192, width * height);
 
       setTileDimensions(pixelsPerTile);
@@ -3486,6 +3489,12 @@ void sampleGlassSpecular(SurfaceInteraction si, int bounce, inout Path path) {
       if (currentTile % numTiles === 0) {
         initTiles();
         currentTile = 0;
+        timeElapsed = 0;
+      }
+
+      const isLastTile = currentTile === numTiles - 1;
+      if (isLastTile) {
+        requestAnimationFrame(updateTime);
       }
 
       const x = currentTile % columns;
@@ -3497,7 +3506,7 @@ void sampleGlassSpecular(SurfaceInteraction si, int bounce, inout Path path) {
         tileWidth,
         tileHeight,
         isFirstTile: currentTile === 0,
-        isLastTile: currentTile === numTiles - 1
+        isLastTile,
       };
     }
 
@@ -3507,8 +3516,7 @@ void sampleGlassSpecular(SurfaceInteraction si, int bounce, inout Path path) {
       },
       nextTile,
       reset,
-      restartTimer,
-      setSize
+      setSize,
     };
   }
 
@@ -3924,7 +3932,6 @@ void sampleGlassSpecular(SurfaceInteraction si, int bounce, inout Path path) {
     function drawTile() {
       const { x, y, tileWidth, tileHeight, isFirstTile, isLastTile } = tileRender.nextTile();
 
-      // move to isLastTile?
       if (isFirstTile) {
 
         if (sampleCount === 0) { // previous rendered image was a preview image
@@ -4026,7 +4033,7 @@ void sampleGlassSpecular(SurfaceInteraction si, int bounce, inout Path path) {
     return {
       draw,
       drawFull,
-      restartTimer: tileRender.restartTimer,
+      restartTimer: tileRender.reset,
       setSize,
       getTotalSamplesRendered() {
         return sampleCount;

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "ray-tracing-renderer",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "A [Three.js](https://github.com/mrdoob/three.js/) renderer which utilizes path tracing to render a scene with true photorealism. The renderer supports global illumination, reflections, soft shadows, and realistic environment lighting.",
   "main": "build/RayTracingRenderer.js",
   "scripts": {