sketch example

Author: lukeplowden

preview/global/sketch.js

@@ -1,5 +1,6 @@
 let myShader;
 let myShader2;
+
 p5.disableFriendlyErrors = true;
 function windowResized() {
   resizeCanvas(windowWidth, windowHeight);
@@ -8,50 +9,51 @@ function calculateOffset() {
   return 30;
 }
 
+function myCol() {
+  const col = (sin(millis() * 0.001) + 1)/2;
+  return col;
+}
+
 function setup(){
   createCanvas(windowWidth, windowHeight, WEBGL);
-  // // Raw example
+
   myShader = baseMaterialShader().modify(() => {
-    const uCol = uniformVector4(0.1,0.1,0.1,1);
-    const time = uniformFloat(()=>millis);
-    getFinalColor((col) => {
-      let x = createFloat(0.5);
-      col.x = createFloat(time);
-      col.w = 1;
-      col /= uCol;
-      return col;
+    const uCol = uniformVector4(1,0, 0,1);
+    const time = uniformFloat(() => millis());
+    getFinalColor((color) => {
+      color = uCol;
+      color.y = 1;
+      let x = createVector4(time);
+      x.x += createFloat(2);
+      color += x; 
+      return color;
     });
+    // getWorldInputs((Inputs) => {
+    //   console.log(Inputs)
+    // })
   }, { parser: true, srcLocations: true });
-
-  console.log(myShader)
-  // Create and use the custom shader.
-  // myShader2 = baseMaterialShader().modify(
-  //   () => {
-  //     // const offset = uniformFloat('offset', 1)
-
-  //     getFinalColor((pos) => {
-  //       let a = createVector4(1, 2, 3);
-  //       let b = createVector4(3, 4, 5);
-  //       a = a.add(b);
-
-  //       let c = a.add(b);
-  //       // c += c.add(offset);
-  //       // c.x = b.x.add(1);
-
-  //       pos = pos.add(c);
-
-  //       return pos;
-  //     })
-  //   },  { parser: false, srcLocations: true });
 }
 
 function draw(){
-  // Set the styles
   background(0);
-  // fill(0)
   shader(myShader);
-  stroke('red')
-  fill(255,0,0)
-  // myShader.setUniform('uCol', [0.1,2,0,1])
+  fill(0,0,0)
   sphere(100);
 }
+
+`(vec4 color) {
+  // From at <computed> [as uniformVector4] (http://localhost:5173/p5.js:86002:25)
+  vec4 temp_0 = uCol;
+  temp_0 = vec4(temp_0.x, 1.0000, temp_0.z, temp_0.w);
+  vec4 finalReturnValue = temp_0;
+  return finalReturnValue;
+}`
+`
+(vec4 color) {
+
+// From at <computed> [as uniformVector4] (http://localhost:5173/p5.js:86002:25)
+vec4 temp_0 = uCol;
+temp_0 = vec4(temp_0.x, 1.0000, temp_0.z, temp_0.w);
+vec4 finalReturnValue = temp_0 + vec4(0.0000 + 2.0000, 0.0000, 0.0000, 0.0000);
+return finalReturnValue;
+}`