scattered begginings

athoug · Dec 31, 2024 · f131e9a · f131e9a
1 parent 37c9d19
commit f131e9a
Show file tree

Hide file tree

Showing 4 changed files with 74 additions and 0 deletions.
diff --git a/art/day-109/index.html b/art/day-109/index.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8" />
+		<title>beginnings</title>
+		<script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.js"></script>
+
+		<style>
+			body {
+				padding: 0;
+				margin: 0;
+				min-height: 100vh;
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
+				align-items: center;
+			}
+
+			nav {
+				margin-bottom: 2rem;
+			}
+
+			nav a {
+				padding: 0.5rem;
+			}
+
+			canvas {
+				box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
+			}
+		</style>
+	</head>
+	<body>
+		<h1>scattered beginnings</h1>
+		<script src="./sketch.js"></script>
+	</body>
+</html>
diff --git a/art/day-109/sketch.js b/art/day-109/sketch.js
@@ -0,0 +1,30 @@
+const width = 400;
+const height = 400;
+const halfW = width / 2;
+const halfH = height / 2;
+let x;
+let y;
+let r = 100;
+let theta = 45;
+let s = 10;
+
+function setup() {
+	createCanvas(width, height);
+	background(250);
+	// frameRate(30);
+	angleMode(DEGREES);
+}
+
+function draw() {
+	translate(halfW, halfH);
+	x = cos(theta) * r;
+	y = sin(theta) * r;
+	// the point of origin
+	// ellipse(0, 0, 5, 5);
+	ellipse(x, y, s, s);
+	// point(x, y);
+
+	theta += 1;
+	r = random(50, 150);
+	s = random(5, 20);
+}
diff --git a/art/day-109/thumbnail.gif b/art/day-109/thumbnail.gif
diff --git a/scripts/data.json b/scripts/data.json
@@ -892,6 +892,14 @@
       "format": "gif",
       "blendMode": "color-dodge",
       "year": 2023
+    },
+    {
+      "number": "109",
+      "title": "scattered beginnings",
+      "source": "./art/day-109",
+      "format": "gif",
+      "blendMode": "multiply",
+      "year": 2024
     }
   ]
 }