more pref stuff

Author: greggman

js/perf-harness.js

@@ -56,7 +56,7 @@ const PerfHarness = (function(undefined) {
 
   const accelerating = function() {
     if (highestElapsedTime > g.targetTime) {
-      g.count -= g.velocity * 2;
+      g.count = Math.max(g.count - g.velocity * 2, 1);
       //g.velocity = 100;//Math.max(1, g.velocity / 4 | 0);
       g.waitFrameCount = elapsedTimes.length * 2;
       state = waitingForStableFramerate;

lots-o-images/index.html

@@ -28,7 +28,10 @@ <h1>Lots-O-Images benchmarks</h1>
 
 <div><a href="lots-o-images-draw-elements.html">
 <img src="lots-o-images-draw-elements.png" /></a><br/>
-<a href="lots-o-images-draw-elements.html">Lots O Images - DrawElements</a>
+<a href="lots-o-images-draw-elements.html">Lots O Images - DrawElements {alpha:false, antialias:false}</a><br>
+<a href="lots-o-images-draw-elements.html=settings{alpha:true}">Lots O Images - DrawElements {alpha:true, antialias:false}</a><br>
+<a href="lots-o-images-draw-elements.html=settings{preserveDrawingBuffer:true}">Lots O Images - DrawElements {preserveDrawingBuffer: true, antialias:false}</a><br>
+<a href="lots-o-images-draw-elements.html=settings{antialias:true}">Lots O Images - DrawElements {antialias: true}</a><br>
 <p>This sample uses the standard drawElements function call, ones for each image quad.</p>
 </div>
 <hr/>
@@ -42,7 +45,10 @@ <h1>Lots-O-Images benchmarks</h1>
 
 <div><a href="lots-o-images-buffer-data-opaque.html">
 <img src="lots-o-images-buffer-data-opaque.png" /></a><br/>
-<a href="lots-o-images-buffer-data-opaque.html">Lots O Images - BufferData Opaque</a>
+<a href="lots-o-images-buffer-data-opaque.html">Lots O Images - BufferData Opaque {alpha: false, antialias:false}</a><br>
+<a href="lots-o-images-buffer-data-opaque.html?settings={alpha:true}">Lots O Images - BufferData Opaque {alpha:true, antialias:false}</a><br>
+<a href="lots-o-images-buffer-data-opaque.html?settings={preserveDrawingBuffer:true}">Lots O Images - BufferData Opaque {preserveDrawingBuffer:true, antialias:false}</a><br>
+<a href="lots-o-images-buffer-data-opaque.html?settings={antialias:true}">Lots O Images - BufferData Opaque {antialias:true}</a><br>
 <p>This is the same as "Lots O Images - BufferData" above except blending is turned off since blending is expensive for the GPU.</p>
 </div>
 <hr/>

lots-o-images/lots-o-images-buffer-data-opaque.html

@@ -299,12 +299,15 @@
   setTargetFPS(targetFPS);
 
   document.getElementById("title").innerHTML = document.getElementsByTagName("title")[0].innerHTML;
-  
-  const q = window.location.search;
-  const alpha = q.indexOf('alpha') >= 0;
-  const antialias = q.indexOf('antialias') >= 0;
 
-  gl = tdl.webgl.setupWebGL(canvas, {alpha: alpha, antialias: antialias});
+  const ctxOptions =  {
+    alpha: false,
+    antialias: false,
+    preserveDrawingBuffer: false,
+  };
+  tdl.misc.applyUrlSettings(ctxOptions);
+
+  gl = tdl.webgl.setupWebGL(canvas, ctxOptions);
   if (!gl) {
     return false;
   }

lots-o-images/lots-o-images-draw-elements.html

@@ -256,7 +256,14 @@
 
   document.getElementById("title").innerHTML = document.getElementsByTagName("title")[0].innerHTML;
 
-  gl = tdl.webgl.setupWebGL(canvas, {alpha:false, antialias:false});
+  const ctxOptions =  {
+    alpha: false,
+    antialias: false,
+    preserveDrawingBuffer: false,
+  };
+  tdl.misc.applyUrlSettings(ctxOptions);
+
+  gl = tdl.webgl.setupWebGL(canvas, ctxOptions);
   if (!gl) {
     return false;
   }

lots-o-objects/lots-o-objects-draw-elements.js

@@ -24,7 +24,7 @@ var g_eyeRadius         = 9;
 var g_maxObjects        = 250000;
 var g_numObjects        = 100;
 var g_modelsPerBlock    = 50;
-var g_targetFrameRate   = 60 - 2;  // add some fudge so browser that runs at 58-59 can still run the test
+var g_targetFrameRate   = 60 - 5;  // add some fudge so browser that runs at 58-59 can still run the test
 
 function CreateApp() {
   // Create Geometry.