Upload files to 'example-p5'

1 year ago · 04c57d5c26
4 changed files with 44 additions and 0 deletions
--- a/example-p5/index.html
+++ b/example-p5/index.html
@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.7.0/p5.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.7.0/addons/p5.sound.min.js"></script>
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <meta charset="utf-8" />
+
+  </head>
+  <body>
+    <main>
+    </main>
+    <script src="sketch.js"></script>
+  </body>
+</html>
--- a/example-p5/p5.sound.min.js
+++ b/example-p5/p5.sound.min.js
--- a/example-p5/sketch.js
+++ b/example-p5/sketch.js
@ -0,0 +1,19 @@
+function setup() {
+  resizeCanvas(windowWidth,windowHeight) 
+}
+
+function draw() {  
+    noStroke()
+    fill (25, 25, 255, 100) // RGB + opacity
+	myCircle()
+  textSize(40) 
+  text('hello ٩(˘◡˘)۶ world', 10, height/2) // x y
+}
+
+// RANDOM
+function myCircle(){
+	circle(random(width), random(height), random(50))
+    fr = 6;
+    frameRate(fr); 
+    describe('A blue circle moving randomly on a white canvas');
+}
--- a/example-p5/style.css
+++ b/example-p5/style.css
@ -0,0 +1,7 @@
+html, body {
+  margin: 0;
+  padding: 0;
+}
+canvas {
+  display: block;
+}