update shader canvas when // size: specified

pastagang · Jan 18, 2025 · 8dd8984 · 8dd8984
1 parent b698181
commit 8dd8984
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/shader.html b/shader.html
@@ -6,8 +6,6 @@
         position: fixed;
         pointer-events: none;
         image-rendering: pixelated;
-        width: 100%;
-        height: 100%;
       }
 
       .canvas-small {
@@ -20,6 +18,8 @@
       .canvas-fullscreen {
         top: 0;
         left: 0;
+        width: 100%;
+        height: 100%;
       }
     </style>
     <script>

diff --git a/src/shader.js b/src/shader.js
@@ -300,8 +300,10 @@ export class ShaderSession {
       this.uniforms = this.instance.uniforms;
       if (code.indexOf('// size: fullscreen') > -1) {
         fullscreenCanvas(this.canvas);
+        this.instance.update();
       } else if (code.indexOf('// size: small') > -1) {
         smallCanvas(this.canvas);
+        this.instance.update();
       }
       console.log('Shader updated!');
     } catch (err) {