[Feature] allow uploading custom textures

chipweinberger · Oct 20, 2023 · 98344eb · 98344eb
1 parent dc4e362
commit 98344eb
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -15,7 +15,8 @@
 - direcly load *almost* any ShaderToy shaders
 - pixel perfect rendering
 - supports all uniforms
-- multipass shaders (i.e BufferA, BufferB, BufferC, BufferD)
+- upload your own textures
+- shader buffers (i.e BufferA, BufferB, BufferC, BufferD)
 - shader common code (i.e. 'Common' tab in ShaderToy)
 - update shaders at any time
 - uses the same texture format as ShaderToy (RGBA float32)
@@ -31,9 +32,12 @@
 // initialize
 var toy = new ShaderToyLite('myCanvas');
 
+// add webgl textures (optional)
+toy.addTexture(texture, 'rock');
+
 // set shaders
 toy.setCommon("");
-toy.setBufferA({source: bufferA});
+toy.setBufferA({source: bufferA, iChannel0: 'rock'});
 toy.setImage({source: image, iChannel0: 'A'});
 
 // optional callback

diff --git a/ShaderToyLite.js b/ShaderToyLite.js
@@ -385,6 +385,11 @@ function ShaderToyLite(canvasId) {
     this.setOnDraw = (callback) => {
         onDrawCallback = callback;
     }
+
+    this.addTexture = (texture, key) => {
+        atexture[key] = texture;
+        btexture[key] = texture;
+    }
 
     this.getTime = () => {
         return (prevDrawTime - firstDrawTime) * 0.001;