From 632d6e1bc02ff785e7fbedc49ac261ab9a0e2547 Mon Sep 17 00:00:00 2001 From: BrightTheBackpack <78445409+BrightTheBackpack@users.noreply.github.com> Date: Wed, 20 Dec 2023 13:07:19 -0800 Subject: [PATCH 1/9] Update Hardware README to remove haxidraw --- hardware/mechanical/drawing-thing-v3/README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/hardware/mechanical/drawing-thing-v3/README.md b/hardware/mechanical/drawing-thing-v3/README.md index d06bad106..98517178f 100644 --- a/hardware/mechanical/drawing-thing-v3/README.md +++ b/hardware/mechanical/drawing-thing-v3/README.md @@ -1,8 +1,8 @@ -# Haxidraw +# Blot drawing machine with a turtle illustration -The Haxidraw is a "you ship, we ship" project, similar to [Sprig](https://sprig.hackclub.com). This time if you make some digital art we'll send you the parts to build a robot which can make that art real. + Blot is a "you ship, we ship" project, similar to [Sprig](https://sprig.hackclub.com). This time if you make some digital art we'll send you the parts to build a robot which can make that art real. We're also working with some researchers at MIT to make digital fabrication machines like this much more open and hackable. We're doing this by taking functionality which would ordinarily be inaccessible in the firmware and lifting it up to the user in a programmable browser editor. We call it [Modular Things](https://github.com/modular-things/modular-things). From c93502212a9a39298a83808f07b9e1715d83c3af Mon Sep 17 00:00:00 2001 From: BrightTheBackpack <78445409+BrightTheBackpack@users.noreply.github.com> Date: Wed, 20 Dec 2023 13:10:05 -0800 Subject: [PATCH 2/9] Update 10PRINT.md --- guides/10PRINT.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/guides/10PRINT.md b/guides/10PRINT.md index bef85689e..b6ba66900 100644 --- a/guides/10PRINT.md +++ b/guides/10PRINT.md @@ -14,15 +14,15 @@ From just that one line, the following intricate pattern is created: 10print -There's even a book named after this program: [10print.org](https://10print.org/)! For this guide, let's try to replicate this artwork for **_Haxidraw_**. (This tutorial works fine if you don't have one!) +There's even a book named after this program: [10print.org](https://10print.org/)! For this guide, let's try to replicate this artwork for **_Blot_**. (This tutorial works fine if you don't have one!) -A Haxidraw is a small drawing robot that can be programed from a browser. You send it instructions through code, and it follows those instructions to create a drawing. By the end of this guide, you will have created some art that can be drawn by the machine! +A Blot is a small drawing robot that can be programed from a browser. You send it instructions through code, and it follows those instructions to create a drawing. By the end of this guide, you will have created some art that can be drawn by the machine! -Here are some examples of art people have made with Haxidraw: +Here are some examples of art people have made with Blot: From 84e4c6ee605bbd2f4180c6e2b474a3ca8bf831cb Mon Sep 17 00:00:00 2001 From: BrightTheBackpack <78445409+BrightTheBackpack@users.noreply.github.com> Date: Wed, 20 Dec 2023 13:10:36 -0800 Subject: [PATCH 3/9] Update 10PRINT2.md --- guides/10PRINT2.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/guides/10PRINT2.md b/guides/10PRINT2.md index 81ae606a6..71060618c 100644 --- a/guides/10PRINT2.md +++ b/guides/10PRINT2.md @@ -20,9 +20,9 @@ From just that one line, the following intricate pattern is be created: width="512px" /> -There's even a book named after this program: [10print.org](https://10print.org/)! For this guide, let's try to replicate this artwork for **_Haxidraw_**. (This tutorial works fine if you don't have one!) +There's even a book named after this program: [10print.org](https://10print.org/)! For this guide, let's try to replicate this artwork for **_Blot_**. (This tutorial works fine if you don't have one!) -A Haxidraw is a small drawing robot that can be programed from a browser. You send it instructions through code, and it follows those instructions to create a drawing. By the end of this guide, you will have created some art that can be drawn by the machine! +A Blot is a small drawing robot that can be programed from a browser. You send it instructions through code, and it follows those instructions to create a drawing. By the end of this guide, you will have created some art that can be drawn by the machine! -Here are some examples of art people have made with Haxidraw: +Here are some examples of art people have made with Blot: Date: Wed, 20 Dec 2023 13:11:42 -0800 Subject: [PATCH 4/9] Update cubic_disarray.md --- guides/cubic_disarray.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/guides/cubic_disarray.md b/guides/cubic_disarray.md index dcb1bd2ef..9e854fc55 100644 --- a/guides/cubic_disarray.md +++ b/guides/cubic_disarray.md @@ -8,7 +8,7 @@ contributors: henrybass cubic disarray -Let's try to recreate this in the Haxidraw editor. A good first step to reverse engineering any artwork is to break it down into the obvious components. There's a grid of squares, and the squares closer to the bottom seem to be rotated more and more. +Let's try to recreate this in the Blot editor. A good first step to reverse engineering any artwork is to break it down into the obvious components. There's a grid of squares, and the squares closer to the bottom seem to be rotated more and more. We can get started by setting up a turtle, and define some constants: From 949e2509400272e6e1baaace808842571adac0a9 Mon Sep 17 00:00:00 2001 From: BrightTheBackpack <78445409+BrightTheBackpack@users.noreply.github.com> Date: Wed, 20 Dec 2023 13:12:09 -0800 Subject: [PATCH 5/9] Update eca.md --- guides/eca.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/guides/eca.md b/guides/eca.md index ec31da94c..b1bbd9868 100644 --- a/guides/eca.md +++ b/guides/eca.md @@ -108,7 +108,7 @@ We then check if the state matches, and if it does, follow the rule defined: ``` Now, how should we draw this? -Since the Haxidraw can't directly render pixels, we'll have to be a _bit_ more creative with how we do this. +Since the Blot can't directly render pixels, we'll have to be a _bit_ more creative with how we do this. By using the following rendering method, we can some visually interesting results: From 2bfc3a2208ece6167f1ef1562d4feecf778aa98b Mon Sep 17 00:00:00 2001 From: BrightTheBackpack <78445409+BrightTheBackpack@users.noreply.github.com> Date: Wed, 20 Dec 2023 13:12:34 -0800 Subject: [PATCH 6/9] Update joydivision.md --- guides/joydivision.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/guides/joydivision.md b/guides/joydivision.md index b5617f70f..7af98d004 100644 --- a/guides/joydivision.md +++ b/guides/joydivision.md @@ -49,7 +49,7 @@ let height = Math.random(); You'll quickly notice that this doesn't look too good - the offset is _too_ random. A good compromise is smooth noise. This kind of noise is random on large scales, but smooth when looked at close up. It's good for natural-looking curves, and matches the randomness seen on the Joy Division album cover. -We can call this in the Haxidraw editor with `noise([x, y], {octaves:n, falloff:k})`. The octaves dictate how intricate this noise is, and the falloff dictates how much the small scale detail should affect the final value. +We can call this in the Blot editor with `noise([x, y], {octaves:n, falloff:k})`. The octaves dictate how intricate this noise is, and the falloff dictates how much the small scale detail should affect the final value. We don't want pure smooth noise, and we'll instead want to modify how we sample it a bit. Set `height` equal to `line + sampleNoise(x, line)`, and define that function: From 1208afe76d0d1f7e85e74440dfaeca30242f0244 Mon Sep 17 00:00:00 2001 From: BrightTheBackpack <78445409+BrightTheBackpack@users.noreply.github.com> Date: Wed, 20 Dec 2023 13:13:18 -0800 Subject: [PATCH 7/9] Update landscape.md --- guides/landscape.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/guides/landscape.md b/guides/landscape.md index 9fece2d28..1d9a4f42c 100644 --- a/guides/landscape.md +++ b/guides/landscape.md @@ -8,7 +8,7 @@ contributors: henrybass landscape -This is an explainer on how to create art like the image above in the [Haxidraw editor](https://haxidraw.hackclub.dev/). It assumes some knowledge of programming in JavaScript and how Haxidraw works, but nothing beyond that. +This is an explainer on how to create art like the image above in the [Blot editor](https://blot.hackclub.dev/). It assumes some knowledge of programming in JavaScript and how Blot works, but nothing beyond that. #### Steps: @@ -40,7 +40,7 @@ This is much closer, but it's missing an essential aspect: Detail. Hills on a la That looks a lot closer! As a note, the amount we change the frequency, amplitude, and blur with respect to each octave is arbitrary, and tweaking those functions can lead to interesting variations of our noise. The name of this technique is: _Fractal Noise_. -In fact, the Haxidraw editor actually has a function for fractal noise built in! +In fact, the Blot editor actually has a function for fractal noise built in! ```js // y and z are optional @@ -85,7 +85,7 @@ for (let y = 0; y < 15; y += dy) { } ``` -Using the `t.goTo([x, y])` function in Haxidraw, we can create straight lines. If we want to replicate a smooth curve, we have to use many `goTo` commands with very small changes in the x and y. +Using the `t.goTo([x, y])` function in Blot, we can create straight lines. If we want to replicate a smooth curve, we have to use many `goTo` commands with very small changes in the x and y. If we just call `t.goTo([x, y])` at every x and y in our loop, we'll get straight lines. Instead, let's add the noise height to this, with `t.goTo([x, y + height])`. From 0916b5e2ec9c41c7ce7fdda18bf10cd9b17e42e5 Mon Sep 17 00:00:00 2001 From: BrightTheBackpack <78445409+BrightTheBackpack@users.noreply.github.com> Date: Wed, 20 Dec 2023 13:14:52 -0800 Subject: [PATCH 8/9] Update mesh.md --- guides/mesh.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/guides/mesh.md b/guides/mesh.md index 55abcf2ec..da4b0ee54 100644 --- a/guides/mesh.md +++ b/guides/mesh.md @@ -39,7 +39,7 @@ for(var y = gap / 2; y <= size; y+= gap) { dot = {x: x + (odd ? gap/2 : 0), y: y}; ``` -Then, use the built-in haxidraw noise function to offset the points again, this time randomly. Also, add an offset on the x axis if we're drawing an odd-numbered line. +Then, use the built-in blot noise function to offset the points again, this time randomly. Also, add an offset on the x axis if we're drawing an odd-numbered line. ```js let n = noise([x * 0.1, y * 0.1]) From 64a49cdab9b1b9257b602316217f7620014ce333 Mon Sep 17 00:00:00 2001 From: BrightTheBackpack <78445409+BrightTheBackpack@users.noreply.github.com> Date: Wed, 20 Dec 2023 13:15:17 -0800 Subject: [PATCH 9/9] Update roots.md --- guides/roots.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/guides/roots.md b/guides/roots.md index 0dba2bca1..8d6a4becc 100644 --- a/guides/roots.md +++ b/guides/roots.md @@ -333,5 +333,5 @@ That's it! But you can still add a lot of features from here, if you're up to it - For instance, one thing to add would be occlusion, so each branch can be assigned a z-index and cover other ones, so many more branches can be rendered without being too busy - Or, you could make the texturing more interesting by varying `ringSeed` for different branches or different regions - You could render multiple initial branches/roots at the start, and generate random parameters for each one in an interesting pattern -- Add some logic so the branches stay within the Haxidraw bed/document always, and curl away from the edges if they get too close +- Add some logic so the branches stay within the blot bed/document always, and curl away from the edges if they get too close - Generate a texture for the background