updating shader

docs/yuidoc-p5-theme/assets/shader.frag

@@ -1,16 +1,6 @@
-precision highp float; varying vec2 vPos;
-uniform vec2 p;
-uniform float r;
-const int I = 500;
+precision highp float; 
+
 void main() {
-  vec2 c = p + vPos * r, z = c;
-  float n = 0.0;
-  for (int i = I; i > 0; i --) {
-    if(z.x*z.x+z.y*z.y > 4.0) {
-      n = float(i)/float(I);
-      break;
-    }
-    z = vec2(z.x*z.x-z.y*z.y, 2.0*z.x*z.y) + c;
-  }
-  gl_FragColor = vec4(0.5-cos(n*17.0)/2.0,0.5-cos(n*13.0)/2.0,0.5-cos(n*23.0)/2.0,1.0);
+
+  gl_FragColor = vec4(1.0,1.0,0.0,1.0);
 }

lib/empty-example/index.html

@@ -12,7 +12,7 @@
       background-color: #1b1b1b;
     }
   </style>
-  <script src="../p5.rollup.min.js"></script>
+  <script src="../p5.js"></script>
   <!-- <script src="../addons/p5.sound.js"></script> -->
   <script src="sketch.js"></script>
 </head>

lib/empty-example/shader.frag

@@ -0,0 +1,6 @@
+precision highp float; 
+
+void main() {
+
+  gl_FragColor = vec4(1.0,1.0,0.0,1.0);
+}

lib/empty-example/sketch.js

@@ -1,7 +1,15 @@
-function setup() {
- // put setup code here
+let myShader;
+
+async function setup() {
+  myShader = await loadFilterShader("shader.frag");
+  createCanvas(100, 100, WEBGL);
+  noStroke();
 }
 
 function draw() {
-  // put drawing code here
-}
+  // shader() sets the active shader with our shader
+  shader(myShader);
+
+  // rect gives us some geometry on the screen
+  rect(-50, -50, width, height);
+}

src/webgl/material.js

@@ -551,7 +551,7 @@ function material(p5, fn){
    * A rectangle with a shader applied to it.
    */
   fn.loadFilterShader = async function (fragFilename, successCallback, failureCallback) {
-    p5._validateParameters('loadFilterShader', arguments);
+    // p5._validateParameters('loadFilterShader', arguments);
     try {
       // Load the fragment shader
       const fragSrc = await this.loadStrings(fragFilename);