remove gif capture since it's buggy

webgpu · Sep 20, 2024 · 64bc8c9 · 64bc8c9
1 parent a60b873
commit 64bc8c9
Show file tree

Hide file tree

Showing 6 changed files with 0 additions and 81 deletions.
diff --git a/build/tools/copy.js b/build/tools/copy.js
@@ -9,7 +9,6 @@ copyAndWatch(
     { src: 'sample/**/*', dst: 'out' },
     { src: 'samples/**/*', dst: 'out' },
     { src: 'shaders/**/*', dst: 'out' },
-    { src: 'third_party/**/*', dst: 'out' },
     { src: 'index.html', dst: 'out' },
   ],
   { watch }

diff --git a/sample/alphaToCoverage/index.html b/sample/alphaToCoverage/index.html
@@ -19,20 +19,12 @@
         height: min(100vw, 100vh);
         display: block;
       }
-      #imggif {
-        position: fixed;
-        right: 0;
-        bottom: 0;
-        width: min(20vw, 20vh);
-        height: min(20vw, 20vh);
-      }
     </style>
     <script src="../../third_party/gif.js/gif.js"></script>
     <script defer type="module" src="main.js"></script>
     <script defer type="module" src="../../js/iframe-helper.js"></script>
   </head>
   <body>
     <canvas></canvas>
-    <img id=imggif></img>
   </body>
 </html>
diff --git a/sample/alphaToCoverage/main.ts b/sample/alphaToCoverage/main.ts
@@ -4,9 +4,6 @@ import showMultisampleTextureWGSL from './showMultisampleTexture.wgsl';
 import renderWithAlphaToCoverageWGSL from './renderWithAlphaToCoverage.wgsl';
 import { quitIfWebGPUNotAvailable } from '../util';
 
-/* eslint @typescript-eslint/no-explicit-any: "off" */
-declare const GIF: any; // from gif.js
-
 const canvas = document.querySelector('canvas') as HTMLCanvasElement;
 const adapter = await navigator.gpu?.requestAdapter();
 const device = await adapter?.requestDevice();
@@ -37,9 +34,6 @@ const gui = new GUI();
       Object.assign(config, kInitConfig);
       gui.updateDisplay();
     },
-    captureGif() {
-      void captureGif();
-    },
   };
 
   const settings = gui.addFolder('Settings');
@@ -55,7 +49,6 @@ const gui = new GUI();
   alphaPanel.add(config, 'pause', false);
 
   gui.add(buttons, 'initial').name('reset to initial');
-  gui.add(buttons, 'captureGif').name('capture gif (right click gif to save)');
 }
 
 //
@@ -201,41 +194,3 @@ function frame() {
 }
 
 requestAnimationFrame(frame);
-
-async function captureGif() {
-  const size = Math.max(config.width, config.height) * 32;
-  const gif = new GIF({
-    workers: 4,
-    workerScript: '../../third_party/gif.js/gif.worker.js',
-    width: size,
-    height: size,
-    debug: true,
-  });
-
-  canvas.width = canvas.height = size;
-  const frames = [];
-  // Loop through all alpha values and render a frame
-  for (let alpha = 0; alpha <= kAlphaSteps; ++alpha) {
-    config.alpha = alpha;
-    render();
-    const dataURL = canvas.toDataURL();
-    // Only save the frame into the gif if it's different from the last one
-    if (dataURL !== frames[frames.length - 1]) {
-      frames.push(dataURL);
-    }
-  }
-  for (let i = 0; i < frames.length; ++i) {
-    const img = new Image();
-    img.src = frames[i];
-    gif.addFrame(img, {
-      delay: i == 0 || i == frames.length - 1 ? 2000 : 1000,
-    });
-  }
-
-  gif.on('finished', (blob) => {
-    const imggif = document.querySelector('#imggif') as HTMLImageElement;
-    imggif.src = URL.createObjectURL(blob);
-    console.log(imggif.src);
-  });
-  gif.render();
-}
diff --git a/third_party/gif.js/LICENSE.txt b/third_party/gif.js/LICENSE.txt
diff --git a/third_party/gif.js/gif.js b/third_party/gif.js/gif.js