rename directories and add adittional dir

2025-04-02 11:01:01 +02:00 · 2025-04-02 11:01:01 +02:00 · 905ab331f4
commit 905ab331f4
parent 45d99d6580
18 changed files with 88 additions and 0 deletions
--- a/example_2/index.html
+++ b/example_2/index.html
--- a/example_2/jsconfig.json
+++ b/example_2/jsconfig.json
--- a/example_2/libraries/p5.min.js
+++ b/example_2/libraries/p5.min.js
--- a/example_2/libraries/p5.sound.min.js
+++ b/example_2/libraries/p5.sound.min.js
--- a/example_2/sketch.js
+++ b/example_2/sketch.js
--- a/example_2/style.css
+++ b/example_2/style.css
--- a/example_4/index.html
+++ b/example_4/index.html
--- a/example_4/jsconfig.json
+++ b/example_4/jsconfig.json
--- a/example_4/libraries/p5.min.js
+++ b/example_4/libraries/p5.min.js
--- a/example_4/libraries/p5.sound.min.js
+++ b/example_4/libraries/p5.sound.min.js
--- a/example_4/sketch.js
+++ b/example_4/sketch.js
--- a/example_4/style.css
+++ b/example_4/style.css
--- a/99/index.html
+++ b/99/index.html
@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <title>Sketch</title>
+
+    <link rel="stylesheet" type="text/css" href="style.css">
+
+    <script src="libraries/p5.min.js"></script>
+    <script src="libraries/p5.sound.min.js"></script>
+  </head>
+
+  <body>
+    <script src="sketch.js"></script>
+  </body>
+</html>
--- a/99/jsconfig.json
+++ b/99/jsconfig.json
@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "target": "es6"
+  },
+  "include": [
+    "*.js",
+    "**/*.js",
+    "/home/melody/.vscode-oss/extensions/samplavigne.p5-vscode-1.2.16/p5types/global.d.ts"
+  ]
+}
--- a/99/libraries/p5.min.js
+++ b/99/libraries/p5.min.js
--- a/99/libraries/p5.sound.min.js
+++ b/99/libraries/p5.sound.min.js
--- a/99/sketch.js
+++ b/99/sketch.js
@ -0,0 +1,47 @@
+const frameRateNumber = 60
+const cycleLenght = 600
+let pointArray1
+let pointArray2
+
+
+function setup() {
+  createCanvas(windowWidth, windowHeight);
+
+  frameRate(frameRateNumber)
+}
+
+function draw() {
+  const currentCyclePos = frameCount % cycleLenght
+  switch (true) {
+    case (currentCyclePos === 1):
+      pointArray1 = []
+      //pointArrStart = [{x:1, y: 1},{}];
+
+      background(255)
+      strokeWeight(10)
+      x1 = windowWidth / 2
+      y1 = windowHeight
+      x2 = windowWidth / 2
+      y2 = windowHeight * 3 / 4
+      pointArray1.push({x: x1, y: y1})
+      pointArray1.push({x: x2, y: y2})
+      console.log(pointArray1)
+      line(x1, y1, x2, y2)
+      break
+
+    case (currentCyclePos < cycleLenght * 3 / 4):
+      const lastPoint = pointArray1[pointArray1.length-1]
+
+      console.log(lastPoint)
+      x1 = lastPoint.x
+      y1 = lastPoint.y
+      x2 = 
+      y1 = 
+      console.log(x1 + " " + y1)
+      break
+
+    default:
+      background(255)
+      break
+  }
+}
--- a/99/style.css
+++ b/99/style.css
@ -0,0 +1,8 @@
+html, body {
+  margin: 0;
+  padding: 0;
+}
+
+canvas {
+  display: block;
+}