Deploying to gh-pages from @ 78b57b3 🚀

webgpu · Mar 11, 2024 · 5e824c8 · 5e824c8
1 parent 50594cf
commit 5e824c8
Show file tree

Hide file tree

Showing 7 changed files with 37 additions and 23 deletions.
diff --git a/css/SampleLayout.css b/css/SampleLayout.css
@@ -13,6 +13,7 @@
   height: 100%;
   border: none;
   display: block;
+  background-color: #fff;
 }
 
 .sampleCategory {

diff --git a/index.html b/index.html
@@ -41,19 +41,6 @@ <h1>
           </a>
           <hr>
           <div id="samplelist"></div>
-          <hr>
-          <h3 style="margin-bottom: 5px">Other Pages</h3>
-          <ul class="exampleList">
-            <li>
-              <a
-                rel="noreferrer"
-                target="_blank"
-                href="./workload-simulator.html"
-              >
-                Workload Simulator ↗️
-              </a>
-            </li>
-          </ul>
         </div>
       </nav>
 

diff --git a/main.js b/main.js
@@ -517,6 +517,14 @@ var worker = {
     ],
 };
 
+var workloadSimulator = {
+    name: 'Workload Simulator',
+    description: `Test various ways of rendering (WebGPU, WebGL, Canvas2D, DOM) and measures performance`,
+    openInNewTab: true,
+    filename: "sample/workloadSimulator",
+    sources: [],
+};
+
 const pageCategories = [
     // Samples that implement basic rendering functionality using the WebGPU API.
     {
@@ -610,6 +618,7 @@ const pageCategories = [
         description: 'WebGPU Performance Benchmarks',
         samples: {
             animometer,
+            workloadSimulator,
         },
     },
 ];
@@ -32575,10 +32584,13 @@ for (const { title, description, samples } of pageCategories) {
             ...Object.entries(samples).map(([key, sampleInfo]) => createElem('li', {}, [
                 createElem('a', {
                     href: sampleInfo.filename,
-                    onClick: (e) => {
-                        setSampleIFrameURL(e, sampleInfo);
-                    },
-                    textContent: sampleInfo.tocName || key,
+                    ...(!sampleInfo.openInNewTab && {
+                        onClick: (e) => {
+                            setSampleIFrameURL(e, sampleInfo);
+                        },
+                    }),
+                    textContent: `${sampleInfo.tocName || key}${sampleInfo.openInNewTab ? ' ↗️' : ''}`,
+                    ...(sampleInfo.openInNewTab && { target: '_blank' }),
                 }),
             ])),
         ]),

diff --git a/main.js.map b/main.js.map
diff --git a/workload-simulator.html → sample/workloadSimulator/index.html b/workload-simulator.html → sample/workloadSimulator/index.html
@@ -199,9 +199,8 @@ <h2 style=margin-top:0>Drag the logo, or choose "Animate".</h2>
 <h2><center>Web graphics workload simulator</center></h2>
 </div>
 
-<script>
-'use strict';
-
+<script type="module">
+/* eslint-disable */
 
 /************\
 * Options UI *
@@ -474,8 +473,7 @@ <h2><center>Web graphics workload simulator</center></h2>
       }
     }
     if (useRaf.checked && rafPending == 0) {
-      (window.requestAnimationFrame || window.mozRequestAnimationFrame ||
-          window.webkitRequestAnimationFrame)(function() { render(true); });
+      window.requestAnimationFrame(function() { render(true); });
       rafPending++;
     }
     if (useSetTimeout.checked) {

diff --git a/sample/workloadSimulator/meta.ts b/sample/workloadSimulator/meta.ts
@@ -0,0 +1,7 @@
+export default {
+  name: 'Workload Simulator',
+  description: `Test various ways of rendering (WebGPU, WebGL, Canvas2D, DOM) and measures performance`,
+  openInNewTab: true,
+  filename: __DIRNAME__,
+  sources: [],
+};
diff --git a/samples/workloadSimulator/index.html b/samples/workloadSimulator/index.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head>
+      <meta
+        http-equiv="refresh"
+        content="0;URL='../../?sample=workloadSimulator'"
+      ></meta> 
+  </head>
+</html>