diff --git a/works/20240731/README.md b/works/20240731/README.md
new file mode 100644
index 0000000..8de505c
--- /dev/null
+++ b/works/20240731/README.md
@@ -0,0 +1,4 @@
+# memo
+Reference:
+
+
\ No newline at end of file
diff --git a/works/20240731/css/style.css b/works/20240731/css/style.css
new file mode 100644
index 0000000..dc93b42
--- /dev/null
+++ b/works/20240731/css/style.css
@@ -0,0 +1,7 @@
+html, body {
+ margin: 0;
+ padding: 0;
+ }
+ canvas {
+ display: block;
+ }
\ No newline at end of file
diff --git a/works/20240731/img/image_1266.png b/works/20240731/img/image_1266.png
new file mode 100644
index 0000000..b2bc30e
Binary files /dev/null and b/works/20240731/img/image_1266.png differ
diff --git a/works/20240731/img/image_1768.png b/works/20240731/img/image_1768.png
new file mode 100644
index 0000000..c2e222c
Binary files /dev/null and b/works/20240731/img/image_1768.png differ
diff --git a/works/20240731/img/image_521.png b/works/20240731/img/image_521.png
new file mode 100644
index 0000000..b76d054
Binary files /dev/null and b/works/20240731/img/image_521.png differ
diff --git a/works/20240731/index.html b/works/20240731/index.html
new file mode 100644
index 0000000..d7fd370
--- /dev/null
+++ b/works/20240731/index.html
@@ -0,0 +1,8 @@
+
+
+
+
+
+
+
+
diff --git a/works/20240731/js/sketch.js b/works/20240731/js/sketch.js
new file mode 100644
index 0000000..86e7bcb
--- /dev/null
+++ b/works/20240731/js/sketch.js
@@ -0,0 +1,100 @@
+let seed = 2000;
+let rSeed;
+
+let start = 100;
+
+let rep = 100;
+
+function setup() {
+ // キャンバスサイズの設定
+ let canvas = createCanvas(600, 600);
+
+ angleMode(DEGREES);
+
+ noiseDetail(2, 1);
+
+ rSeed = int(random(seed));
+ console.log(rSeed);
+ randomSeed(rSeed);
+ noiseSeed(rSeed);
+
+ background(30);
+
+ translate(width / 2, height / 2);
+
+ let space = 0.1;
+ for (let j = 0; j < rep; j++) {
+ for (let i = 0; i < 360; i += space) {
+ let xoff = map(cos(i) + j + 1, -1, 1, 0, 3);
+ let yoff = map(sin(i) + j, -1, 1, 0, 3);
+
+ let n = noise(xoff + start, yoff + start);
+ let h = map(n, 0, 1, -300, 300);
+
+ rotate(space);
+ stroke(255, 255, 255, 30);
+ point(h, 1);
+ }
+ }
+
+ let c = random();
+
+ for (let j = 0; j < rep; j++) {
+ for (let i = 0; i < 360; i += space) {
+ let xoff = map(cos(i) + j, -1, 1, 0, 3);
+ let yoff = map(sin(i) + j, -1, 1, 0, 3);
+
+ let n = noise(xoff + start, yoff + start);
+ let h = map(n, 0, 1, -300, 300);
+
+ let r, g, b;
+ if (c > 5 / 6) {
+ // blue and purple base
+ r = map(sin(i), -1, 1, 100, 200);
+ g = map(h, -150, 150, 0, 150);
+ b = map(n, 0, 1, 150, 255);
+ } else if (c > 4 / 6) {
+ // pink and yello base
+ b = map(sin(i), -1, 1, 100, 200);
+ g = map(h, -150, 150, 0, 150);
+ r = map(n, 0, 1, 150, 255);
+ } else if (c > 3 / 6) {
+ // yellow and red base
+ g = map(sin(i), -1, 1, 100, 200);
+ b = map(h, -150, 150, 0, 150);
+ r = map(n, 0, 1, 150, 255);
+ } else if (c > 2 / 6) {
+ // yellow and red base
+ g = map(sin(i), -1, 1, 100, 200);
+ r = map(h, -150, 150, 0, 150);
+ b = map(n, 0, 1, 150, 255);
+ } else if (1 / 6) {
+ // yellow and red base
+ r = map(sin(i), -1, 1, 100, 200);
+ b = map(h, -150, 150, 0, 150);
+ g = map(n, 0, 1, 150, 255);
+ } else {
+ // yellow and red base
+ r = map(sin(i), -1, 1, 100, 200);
+ b = map(h, -150, 150, 0, 150);
+ g = map(n, 0, 1, 150, 255);
+ }
+ rotate(space);
+ noStroke();
+ fill(r, g, b, 30);
+ rect(0, 0, h, 1);
+ }
+ }
+}
+
+function mouseClicked() {
+ window.location.reload();
+}
+
+function keyPressed() {
+ if (key == "s") {
+ var scripts = document.getElementsByTagName("sketch").src;
+ console.log(scripts);
+ saveCanvas(canvas, "image_" + rSeed, "png");
+ }
+}