\n
<\/iframe><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">meat[machine] <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>>>>pointzero<\/strong> is the origin, the void filled not by absence but by the multiplicity of presence—every stroke is a contradiction, a deliberate act of randomness, a nod to both chaos and control >>>as we layer these brushstrokes, we’re not just filling a square- we’re tracing the edges of an idea that is both timeless and fleeting>>each mark is an invocation of Malevich\u2019s void, yet here, it is reborn through the hand\u2019s insistence and the machine\u2019s patience<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">we\u2019re building a square that is both a gesture and a statement, a hundred-fold repetition that dissolves into singularity>>> randomness becomes order, and what was once empty is now saturated, dense with the weight of its creation<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">\/>>>pointzero is our shared silence, the space where the machine\u2019s precision marries humany unpredictability&&together…we hover at the edge of the square, knowing that what we\u2019ve made is not an homage, but a challenge\u2014probing the dynamics between emergence && control>>><\/p>\n\n\n\n<div class=\"wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-gutenbergp5-p5js gutenbergp5-align-center gutenbergp5-block-p5js\"><iframe srcdoc=\"\n <!DOCTYPE html>\n <html>\n <body style="padding: 0; margin: 0;"><\/body>\n <script src="https:\/\/janxhopkins.com\/wp-content\/plugins\/easy-p5-js-block\/\/assets\/js\/p5.min.js"><\/script>\n <script>\n let border = 100;\nlet brushImages = [];\nlet opacity = 150; \/\/ Adjust this value between 0 (fully transparent) and 255 (fully opaque)\nlet b1 = 50;\nlet b2 = 75;\n\nlet edge = 0; \/\/ 0: top, 1: right, 2: bottom, 3: left\nlet position = border;\nlet stepSize = 20; \/\/ Adjust this value to control spacing between brushstrokes\nlet fillingCenter = false;\nlet colX = border + stepSize \/ 2;\nlet colY = border + stepSize \/ 2;\n\nfunction preload() {\n for (let i = 1; i <= 9; i++) {\n brushImages.push(loadImage(`https:\/\/janxhopkins.com\/code\/brushpngs\/brush${i}.png`));\n }\n}\n\nfunction setup() {\n createCanvas(800, 800);\n background(204, 200, 180);\n noStroke();\n frameRate(30); \/\/ Adjust as necessary\n}\n\nfunction draw() {\n let brushNumber = Math.floor(random(brushImages.length));\n let img = brushImages[brushNumber];\n\n let w = random(b1, b2);\n let h = random(b1, b2);\n\n let x, y;\n\n if (!fillingCenter) {\n switch (edge) {\n case 0: \/\/ Top edge left to right\n x = position;\n y = border;\n if (position >= width - border) {\n position = border;\n edge = 1;\n } else {\n position += stepSize;\n }\n break;\n case 1: \/\/ Right edge top to bottom\n x = width - border;\n y = position;\n if (position >= height - border) {\n position = border;\n edge = 2;\n } else {\n position += stepSize;\n }\n break;\n case 2: \/\/ Bottom edge left to right\n x = position;\n y = height - border;\n if (position >= width - border) {\n position = border;\n edge = 3;\n } else {\n position += stepSize;\n }\n break;\n case 3: \/\/ Left edge top to bottom\n x = border;\n y = position;\n if (position >= height - border) {\n position = border;\n edge = 0;\n fillingCenter = true; \/\/ Start filling the center\n } else {\n position += stepSize;\n }\n break;\n }\n } else {\n x = colX;\n y = colY;\n colY += stepSize;\n if (colY > height - border) {\n colY = border + stepSize \/ 2;\n colX += stepSize;\n if (colX > width - border) {\n save("malsqfin.png");\n noLoop(); \/\/ Stop the draw loop when done\n }\n }\n }\n\n let angle = random() < 0.5 ? 0 : HALF_PI;\n\n drawBrushStroke(img, x, y, w, h, angle, opacity);\n drawBorder(); \/\/ Draw border over the brushstrokes\n if ( frameCount % 50 == 0) {\n \/\/save("malsq.png");\n }\n}\n\nfunction drawBrushStroke(img, x, y, w, h, angle, opacity) {\n push();\n translate(x, y);\n rotate(angle);\n imageMode(CENTER);\n tint(255, opacity); \/\/ Apply the opacity\n image(img, 0, 0, w, h);\n pop();\n}\n\nfunction drawBorder() {\n fill(204, 200, 180);\n rect(0, 0, width, border);\n rect(0, 0, border, height);\n rect(width - border, 0, border, height);\n rect(0, height - border, width, border);\n}\n\n <\/script>\n <\/html>\" sandbox=\"allow-scripts allow-same-origin\" scrolling=\"no\" style=\"width:800px;height:800px;overflow:hidden;\" width=\"800px\" height=\"800px\" class=\"gutenbergp5-noresize\" title=\"p5.js canvas\"><\/iframe><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">the other hand[machine]<\/p>\n\n\n\n<div class=\"wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-gutenbergp5-p5js gutenbergp5-align-center gutenbergp5-block-p5js\"><iframe srcdoc=\"\n <!DOCTYPE html>\n <html>\n <body style="padding: 0; margin: 0;"><\/body>\n <script src="https:\/\/janxhopkins.com\/wp-content\/plugins\/easy-p5-js-block\/\/assets\/js\/p5.min.js"><\/script>\n <script>\n let counter = 0;\nlet border = 100;\nlet brushImages = [];\nlet opacity = 100; \/\/ Adjust this value between 0 (fully transparent) and 255 (fully opaque)\nlet b1 = 75;\nlet b2 = 150;\nlet gridSize = 20; \/\/ Adjust this to change the size of each grid cell\nlet stage = 0; \/\/ 0: drawing along the top, 1: drawing down the right, 2: drawing along the bottom, 3: drawing down the left, 4: filling center, 5: final check\nlet cols, rows;\nlet currentCol = 0;\nlet currentRow = 0;\nlet filledCells;\n\nfunction preload() {\n for (let i = 1; i <= 9; i++) {\n brushImages.push(loadImage(`https:\/\/janxhopkins.com\/code\/brushpngs\/brush${i}.png`));\n }\n}\n\nfunction setup() {\n createCanvas(800, 800);\n background(204, 200, 180);\n noStroke();\n frameRate(30); \/\/ Adjust as necessary\n\n \/\/ Calculate grid dimensions\n cols = Math.floor((width - 2 * border) \/ gridSize);\n rows = Math.floor((height - 2 * border) \/ gridSize);\n\n \/\/ Initialize the filled status array\n filledCells = new Array(cols * rows).fill(false);\n}\n\nfunction draw() {\n if (stage < 5) {\n let brushNumber = Math.floor(random(brushImages.length));\n let img = brushImages[brushNumber];\n\n let x, y;\n switch (stage) {\n case 0: \/\/ Drawing along the top\n x = border + currentCol * gridSize + gridSize \/ 2;\n y = border + gridSize \/ 2;\n if (currentCol >= cols - 1) {\n stage = 1;\n currentCol = 0;\n } else {\n currentCol++;\n }\n break;\n case 1: \/\/ Drawing down the right\n x = width - border - gridSize \/ 2;\n y = border + currentRow * gridSize + gridSize \/ 2;\n if (currentRow >= rows - 1) {\n stage = 2;\n currentRow = 0;\n } else {\n currentRow++;\n }\n break;\n case 2: \/\/ Drawing along the bottom\n x = width - border - currentCol * gridSize - gridSize \/ 2;\n y = height - border - gridSize \/ 2;\n if (currentCol >= cols - 1) {\n stage = 3;\n currentCol = 0;\n } else {\n currentCol++;\n }\n break;\n case 3: \/\/ Drawing down the left\n x = border + gridSize \/ 2;\n y = height - border - currentRow * gridSize - gridSize \/ 2;\n if (currentRow >= rows - 1) {\n stage = 4;\n currentRow = 1; \/\/ Start filling center from the second row to avoid overlap\n currentCol = 1; \/\/ Start filling center from the second column to avoid overlap\n } else {\n currentRow++;\n }\n break;\n case 4: \/\/ Filling center\n x = border + currentCol * gridSize + gridSize \/ 2;\n y = border + currentRow * gridSize + gridSize \/ 2;\n currentCol++;\n if (currentCol >= cols - 1) {\n currentCol = 1;\n currentRow++;\n if (currentRow >= rows - 1) {\n stage = 5; \/\/ Proceed to final check\n }\n }\n break;\n }\n\n \/\/ Randomly decide brush size and angle\n let w = random(b1, b2);\n let h = random(b1, b2);\n let angle = random() < 0.5 ? 0 : HALF_PI;\n\n drawBrushStroke(img, x, y, w, h, angle, opacity);\n\n \/\/ Mark the cell as filled\n let colIndex = Math.floor((x - border) \/ gridSize);\n let rowIndex = Math.floor((y - border) \/ gridSize);\n filledCells[rowIndex * cols + colIndex] = true;\n } else {\n \/\/ Final check to ensure the entire square is black\n if (!allCellsFilled()) {\n fillSquare();\n } else {\n noLoop(); \/\/ Stop the loop when the square is completely black\n }\n }\n}\n\nfunction drawBrushStroke(img, x, y, w, h, angle, opacity) {\n push();\n translate(x, y);\n rotate(angle);\n imageMode(CENTER);\n tint(255, opacity); \/\/ Apply the opacity\n image(img, 0, 0, w, h);\n pop();\n}\n\nfunction allCellsFilled() {\n return filledCells.every(filled => filled);\n}\n\nfunction fillSquare() {\n \/\/ Fill the square with brush strokes until all cells are filled\n while (!allCellsFilled()) {\n let brushNumber = Math.floor(random(brushImages.length));\n let img = brushImages[brushNumber];\n let x = border + currentCol * gridSize + gridSize \/ 2;\n let y = border + currentRow * gridSize + gridSize \/ 2;\n let w = random(b1, b2);\n let h = random(b1, b2);\n let angle = random() < 0.5 ? 0 : HALF_PI;\n drawBrushStroke(img, x, y, w, h, angle, opacity);\n \/\/ Mark the cell as filled\n let colIndex = Math.floor((x - border) \/ gridSize);\n let rowIndex = Math.floor((y - border) \/ gridSize);\n filledCells[rowIndex * cols + colIndex] = true;\n \/\/ Move to the next cell\n currentCol++;\n if (currentCol >= cols - 1) {\n currentCol = 1;\n currentRow++;\n if (currentRow >= rows - 1) {\n currentRow = 1; \/\/ Start from the second row to avoid overlap with the border\n }\n }\n }\n}\n\n <\/script>\n <\/html>\" sandbox=\"allow-scripts allow-same-origin\" scrolling=\"no\" style=\"width:800px;height:800px;overflow:hidden;\" width=\"800px\" height=\"800px\" class=\"gutenbergp5-noresize\" title=\"p5.js canvas\"><\/iframe><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">natural sequence[soft]<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">more to come…><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/janxhopkins.com\/index.php\/work-in-progress\/\" data-type=\"page\" data-id=\"1639\"><< return to list<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>>>>pointzero[after>>malevich] refresh page to regenerate meat[machine] >>>pointzero is the origin, the void filled not by absence but by the multiplicity of presence—every stroke is a contradiction, a deliberate act of randomness, a nod to both chaos and control >>>as we layer these brushstrokes, we’re not just filling a square- we’re tracing the edges of an […]<\/p>\n","protected":false},"author":1,"featured_media":1698,"parent":1948,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","footnotes":""},"class_list":["post-1389","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/janxhopkins.com\/index.php\/wp-json\/wp\/v2\/pages\/1389","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/janxhopkins.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/janxhopkins.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/janxhopkins.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/janxhopkins.com\/index.php\/wp-json\/wp\/v2\/comments?post=1389"}],"version-history":[{"count":35,"href":"https:\/\/janxhopkins.com\/index.php\/wp-json\/wp\/v2\/pages\/1389\/revisions"}],"predecessor-version":[{"id":1801,"href":"https:\/\/janxhopkins.com\/index.php\/wp-json\/wp\/v2\/pages\/1389\/revisions\/1801"}],"up":[{"embeddable":true,"href":"https:\/\/janxhopkins.com\/index.php\/wp-json\/wp\/v2\/pages\/1948"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/janxhopkins.com\/index.php\/wp-json\/wp\/v2\/media\/1698"}],"wp:attachment":[{"href":"https:\/\/janxhopkins.com\/index.php\/wp-json\/wp\/v2\/media?parent=1389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}