add p5utils.js file

Author: haroon10725

index.html

@@ -40,6 +40,8 @@
 
         <script src="lib/Tone.js" defer></script>
 
+        <script src="lib/p5.min.js" defer></script>
+
         <script src="lib/midi.js" defer></script>
 
         <script src="lib/jquery.ruler.js" defer></script>

js/activity.js

@@ -94,6 +94,7 @@ let MYDEFINES = [
     "activity/SaveInterface",
     "utils/musicutils",
     "utils/synthutils",
+    "utils/p5utils",
     "utils/mathutils",
     "activity/pastebox",
     "prefixfree.min",

js/blocks/SensorsBlocks.js

@@ -718,31 +718,33 @@ function setupSensorsBlocks(activity) {
          * @returns {number} - The argument value representing the color.
          */
         arg(logo, turtle) {
-            const wasVisible = activity.turtles.turtleList[turtle].container.visible;
-            activity.turtles.turtleList[turtle].container.visible = false;
-            const x = activity.turtles.turtleList[turtle].container.x;
-            const y = activity.turtles.turtleList[turtle].container.y;
-            activity.refreshCanvas();
-
-            const canvas = docById("overlayCanvas");
-            const ctx = canvas.getContext("2d");
-            const imgData = ctx.getImageData(Math.floor(x), Math.floor(y), 1, 1).data;
-            let color = searchColors(imgData[0], imgData[1], imgData[2]);
-
-            if (imgData[3] === 0) {
-                color = platformColor.background
-                    .substring(
-                        platformColor.background.indexOf("(") + 1,
-                        platformColor.background.lastIndexOf(")")
-                    )
-                    .split(/,\s*/);
-                color = searchColors(color[0], color[1], color[2]);
-            }
-
-            if (wasVisible) {
-                activity.turtles.turtleList[turtle].container.visible = true;
-            }
-            return color;
+            // const wasVisible = activity.turtles.turtleList[turtle].container.visible;
+            // activity.turtles.turtleList[turtle].container.visible = false;
+            // const x = activity.turtles.turtleList[turtle].container.x;
+            // const y = activity.turtles.turtleList[turtle].container.y;
+            // activity.refreshCanvas();
+
+            // const canvas = docById("overlayCanvas");
+            // const ctx = canvas.getContext("2d");
+            // const imgData = ctx.getImageData(Math.floor(x), Math.floor(y), 1, 1).data;
+            // let color = searchColors(imgData[0], imgData[1], imgData[2]);
+
+            // if (imgData[3] === 0) {
+            //     color = platformColor.background
+            //         .substring(
+            //             platformColor.background.indexOf("(") + 1,
+            //             platformColor.background.lastIndexOf(")")
+            //         )
+            //         .split(/,\s*/);
+            //     color = searchColors(color[0], color[1], color[2]);
+            // }
+
+            // if (wasVisible) {
+            //     activity.turtles.turtleList[turtle].container.visible = true;
+            // }
+            // return color;
+
+            console.log(logo.p5.hello());
         }
     }
 

js/logo.js

@@ -219,6 +219,8 @@ class Logo {
         this.synth = new Synth();
         this.synth.changeInTemperament = false;
 
+        this.p5 = new P5();
+
         // Mode widget
         this.modeBlock = null;
 

js/utils/p5utils.js

@@ -0,0 +1,8 @@
+function P5() {
+
+    this.hello = () => {
+        return 10;
+    }
+
+    return this;
+}