fix up radial blur filter and canvas extract on webGPU

pixijs · Feb 1, 2024 · c630188 · c630188
1 parent f1eab25
commit c630188
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/scripts/screenshots/renderer.js b/scripts/screenshots/renderer.js
@@ -19,14 +19,16 @@ const outputOptions = {
     },
 };
 
+const indexCount = 0;
+
 const app = new Application();
 
 app.init({
     width: outputOptions.width,
     height: outputOptions.height,
     backgroundColor: outputOptions.border.color,
     autoStart: false,
-    preference: 'webgl',
+    preference: 'webgpu',
     hello: true,
 }).then(() =>
 {
@@ -163,8 +165,15 @@ app.init({
                 app.render();
                 const canvas = app.renderer.extract.canvas(app.stage);
 
+                const canvas2 = document.createElement('canvas');
+
+                canvas2.width = canvas.width;
+                canvas2.height = canvas.height;
+
                 document.body.appendChild(canvas);
-                const context = canvas.getContext('2d');
+                const context = canvas2.getContext('2d');
+
+                context.drawImage(canvas, 0, 0);
 
                 context.scale(1, -1);
                 const imageData = context.getImageData(0, 0, outputOptions.width, outputOptions.height);

diff --git a/src/radial-blur/RadialBlurFilter.ts b/src/radial-blur/RadialBlurFilter.ts
@@ -120,7 +120,7 @@ export class RadialBlurFilter extends Filter
                 radialBlurUniforms: {
                     uRadian: { value: 0, type: 'f32' },
                     uCenter: { value: options.center, type: 'vec2<f32>' },
-                    uKernelSize: { value: options.kernelSize, type: 'f32' },
+                    uKernelSize: { value: options.kernelSize, type: 'i32' },
                     uRadius: { value: options.radius, type: 'f32' },
                 }
             },