]{*-><-*}[

bbaudry · Jan 10, 2024 · f08d3b7 · f08d3b7
1 parent d546639
commit f08d3b7
Show file tree

Hide file tree

Showing 5 changed files with 165 additions and 5 deletions.
diff --git a/p5-experiments/cegepdemo.html b/p5-experiments/cegepdemo.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.min.js"></script>
+    <style>
+        body {
+            padding: 0;
+            margin: 0; 
+        }
+    </style>
+    <style type="text/css">
+        .credits {
+            position: absolute;
+            text-align: left;
+            bottom: 8px;
+            width: 100%;
+            color: #FFFFFF;
+            font-family: monospace;
+            margin-left: 12px;
+            font-size: 14px
+        }
+    </style>
+    <style type="text/css">
+        .sourcecode {
+            position: absolute;
+            text-align: left;
+            bottom: 38px;
+            width: 100%;
+            color: #FFFFFF;
+            font-family: monospace;
+            margin-left: 12px;
+            font-size: 10px
+        }
+    </style>
+
+</head>
+
+<body style="background-color:#000000;">
+
+    <div class="sourcecode">
+        <pre id="fileDisplayArea"></pre>
+    </div>
+
+    <div class="credits">
+    </div>
+
+    <script>
+//        credits:<br>@al.my.re; p5.js
+
+        window.onload = function () {
+            var fileDisplayArea = document.getElementById('fileDisplayArea');
+            fetch("frenchcodemo.js")
+                .then((res) => res.text())
+                .then((text) => {
+//                    fileDisplayArea.innerText = text;
+                })
+                .catch((e) => console.error(e));
+        }
+
+    </script>
+
+    <script src="cegepdemo.js"></script>
+</body>
+
+</html>
diff --git a/p5-experiments/cegepdemo.js b/p5-experiments/cegepdemo.js
@@ -0,0 +1,45 @@
+
+var w, h
+var cnv
+var x, y
+var xoff, yoff
+var step, stepx, stepy
+
+function setup() {
+    w = windowHeight
+    h = windowHeight
+    cnv = createCanvas(w, h);
+    centerCanvas();
+    colorMode(HSB, 360, 100, 100, 250);
+    noFill();
+    background(0, 0, 0)
+}
+
+function centerCanvas() {
+    var x = (windowWidth - w) / 2;
+    var y = (windowHeight - h) / 2;
+    cnv.position(x, y);
+}
+
+function draw() {
+    background(0, 0, 0)
+    ikeda()
+}
+
+var cy = 0
+
+function ikeda() {
+    fill(0, 0, 100)
+    var cx = w / 2
+    var freq = 0.5
+    var speed = 2
+    console.log("rect" + cy)
+    if (cy < h) {
+        if (random() < freq) {
+
+            rect(cx - (100 + frameCount * speed), cy - 50, 200 + 2 * frameCount * speed, 100)
+        }
+        cy += random(speed)
+    }
+
+}
diff --git a/p5-experiments/frenchcodemo.html b/p5-experiments/frenchcodemo.html
@@ -8,7 +8,7 @@
     <style>
         body {
             padding: 0;
-            margin: 0;
+            margin: 0; 
         }
     </style>
     <style type="text/css">

diff --git a/p5-experiments/frenchcodemo.js b/p5-experiments/frenchcodemo.js
@@ -8,7 +8,6 @@ function setup() {
     cnv = createCanvas(w, h);
     centerCanvas();
     colorMode(HSB, 360, 100, 100, 250);
-    background(0, 0, 0)
     noLoop()
 }
 
@@ -19,11 +18,13 @@ function centerCanvas() {
 }
 
 function draw() {
+    background(0, 0, 0)
+
     var cx=w/2
     var cy=h/2
     fill(50,100,100)
     var vera
-    var molnar = 25
+    var molnar = 42
     var density =40
 
     for(vera=w/2;vera>0;vera-=density){

diff --git a/p5-experiments/plottable022.html b/p5-experiments/plottable022.html
@@ -82,10 +82,24 @@
             rect(0,0,w,h)
             //var c = onecircle()
             //partcircle(c)
-            partcircle2()
+            partcircle3()
             noLoop()
         }
-
+        function partcircle3(){
+            var cx,cy,cx2,cy2,diam,rad,angle1,angle2
+            cx=w*0.9
+            cy=h*0.5
+            diam=w*0.2
+            rad=diam/2
+            for(i=0;i<5;i++){
+                angle1=0
+                angle2=random(100,240)
+               // ellipse(cx,cy,18,18)
+            arc(cx,cy,diam,diam,radians(angle1),radians(angle2))
+                cx=cx+rad*cos(radians(angle2))-rad
+            cy=cy+rad*sin(radians(angle2))
+            }
+        }
         function partcircle2(){
             var cx,cy,cx2,cy2,diam,rad,angle1,angle2
             cx=w*0.5
@@ -96,12 +110,44 @@
             angle2=300
             ellipse(cx,cy,8,8)
             arc(cx,cy,diam,diam,radians(angle1),radians(angle2))
+            cx2=cx+rad*cos(radians(300))+rad
+            cy2=cy+rad*sin(radians(300))
+            angle1=180
+            angle2=240
+            ellipse(cx2,cy2,8,8)
+            arc(cx2,cy2,diam,diam,radians(angle1),radians(angle2))
+            cx2=cx2+rad*cos(radians(240))-rad
+            cy2=cy2+rad*sin(radians(240))
+            angle1=0
+            angle2=240
+            ellipse(cx2,cy2,8,8)
+            arc(cx2,cy2,diam,diam,radians(angle1),radians(angle2))
+            cx2=cx2+rad*cos(radians(240))-rad
+            cy2=cy2+rad*sin(radians(240))
+            angle1=0
+            angle2=240
+            ellipse(cx2,cy2,8,8)
+            arc(cx2,cy2,diam,diam,radians(angle1),radians(angle2))
+
+
             cx2=cx+diam*cos(radians(330))
             cy2=cy+diam*sin(radians(330))
             angle1=120
             angle2=240
             ellipse(cx2,cy2,8,8)
             arc(cx2,cy2,diam,diam,radians(angle1),radians(angle2))
+            cx2=cx+diam*cos(radians(30))
+            cy2=cy+diam*sin(radians(30))
+            angle1=120
+            angle2=240
+            ellipse(cx2,cy2,8,8)
+            arc(cx2,cy2,diam,diam,radians(angle1),radians(angle2))
+            cx2=cx+diam*cos(radians(0))
+            cy2=cy+diam*sin(radians(0))
+            angle1=120
+            angle2=240
+            ellipse(cx2,cy2,8,8)
+            arc(cx2,cy2,diam,diam,radians(angle1),radians(angle2))
         }
 
         function manycircles(){