2d:null 2e:["$","title",null,{"children":"Computational Art Recode Camp Workshop 5 | UCA Creative Coding | Observable"}] 33:T604,processing(` void setup() { int nCol = 16; int nRow = 26; size(400, 800); background(255); float[] gap = new float[2]; gap[0] = width / nCol; gap[1] = height / nRow; float[] points = new float[(nCol + 1) * (nRow + 1) * 2]; for (int i = 1; i < nCol - 1; i ++) { for (int j = 1; j < nRow - 1; j ++) { float x = i * gap[0]; float y = j * gap[1]; float d = sqrt((x-width/2) * (x-width/2) + (y-height/2) * (y-height/2)); float range0 = constrain(map(d, 0, width * 0.5, gap[0]*2, gap[0] * 0.4), gap[0] * 0.4, gap[0]*2); float range1 = constrain(map(d, 0, width * 0.5, gap[1]*2, gap[1] * 0.4), gap[1] * 0.4, gap[1]*2); float offsetX = random(-range0, range0); float offsetY = random(-range1, range1); points[(i + j * nCol) * 2] = x + offsetX; points[(i + j * nCol) * 2 + 1] = y + offsetY; } } for (int i = 1; i < nCol - 1; i ++) { for (int j = 1; j < nRow - 1; j ++) { int idx = i + j * nCol; int idx1 = i + 1 + j * nCol; int idx2 = i + (j + 1) * nCol; if (i == nCol - 2 && j == nRow - 2) { } else if (i == nCol - 2) { line(points[idx*2], points[idx*2 + 1], points[idx2*2], points[idx2*2 + 1]); } else if (j == nRow - 2) { line(points[idx*2], points[idx*2 + 1], points[idx1*2], points[idx1*2 + 1]); } else { line(points[idx*2], points[idx*2 + 1], points[idx2*2], points[idx2*2 + 1]); line(points[idx*2], points[idx*2 + 1], points[idx1*2], points[idx1*2 + 1]); } } } } `)34:[{"id":"7c29c9fc90c1665471019c0750b95e3291f52827c902543f061764f56f288b13950ca866041c2bfe6b5ba7014a8fdf5eb259e33d5d902a2facb163c3a3b4e1a6","href":"https://static.observableusercontent.com/files/7c29c9fc90c1665471019c0750b95e3291f52827c902543f061764f56f288b13950ca866041c2bfe6b5ba7014a8fdf5eb259e33d5d902a2facb163c3a3b4e1a6","name":"image.jpeg","type":"image/jpeg","lastModified":1710247757672.441,"size":128815},{"id":"6d6d4a2d8ca59bdbeb9210eb0bd4ca5e9c65e7b9e4c802a8ccd37ebe07995f6edf4f47298cfeb2d72ffd140d4260219daca88bb7904df6f3a5082e0e95bb19f7","href":"https://static.observableusercontent.com/files/6d6d4a2d8ca59bdbeb9210eb0bd4ca5e9c65e7b9e4c802a8ccd37ebe07995f6edf4f47298cfeb2d72ffd140d4260219daca88bb7904df6f3a5082e0e95bb19f7","name":"image2.jpeg","type":"image/jpeg","lastModified":1710253711871.534,"size":48559}] 31:{"id":"db86c72f58a847c7","slug":"recode-camp-5","title":"Computational Art Recode Camp Workshop 5","thumbnail":"47fdb57797914e1c1ff2bfe33a8a104503b664ad9c84123a53eda4ddf06c7444","access_level":"public","create_time":"$D2024-03-12T12:46:05.337Z","update_time":"$D2024-03-12T15:03:56.921Z","view_time":null,"first_public_time":"$D2024-03-12T12:46:21.785Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"dfaef80afcf81212","login":"uca-cc","name":"UCA Creative Coding","avatar_url":"https://avatars-next.observableusercontent.com/1966133a5777fe0408537e4228227fb40091db63bf3771517227e9c4514c9920","tier":"starter_2024"},"version":43,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"e8e99acdbe3aebfb","login":"real-john-cheung","name":"John C","avatar_url":"https://avatars-next.observableusercontent.com/1d9ef6121a0bbd1a75fab479f9891fe1d78cc65f76c394585ae1a7dad0d3abf6","tier":null}],"members":[{"type":"individual","id":"e8e99acdbe3aebfb","login":"real-john-cheung","name":"John C","avatar_url":"https://avatars-next.observableusercontent.com/1d9ef6121a0bbd1a75fab479f9891fe1d78cc65f76c394585ae1a7dad0d3abf6","tier":null,"role":"editor"},{"type":"team","id":"dfaef80afcf81212","login":"uca-cc","name":"UCA Creative Coding","avatar_url":"https://avatars-next.observableusercontent.com/1966133a5777fe0408537e4228227fb40091db63bf3771517227e9c4514c9920","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"83c807a1026211d2","slug":"computational-art-recode-camp","title":"Computational Art Recode Camp","owner":{"id":"dfaef80afcf81212","login":"uca-cc","name":"UCA Creative Coding"}},"type":"notebook","body":{"title":"Computational Art Recode Camp Workshop 5","cells":[{"id":0,"value":"# Computational Art Recode Camp Workshop 5\nWorks by Georg Nees","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":6,"value":"htl.html`\n

Artwork 1

Schotter (Gravel) (1968)

\n\n

Describe toggleContent(4)}>

\n\n

To be added

\n\n

Analyze toggleContent(5)}>

\n\n

To be added

\n\n

Example Recode Solution:

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"processing(`\nint nCol = 14;\nint nRow = 26;\nfloat[] rectSize = new float[2];\nvoid setup(){\n size(410, 810);\n rectSize[0] = width / nCol;\n rectSize[1] = height / nRow;\n background(255);\n stroke(0);\n noFill();\n \n for(int i = 1; i < nRow - 1; i ++){\n for(int j = 1; j < nCol - 1; j ++){\n float y = i * rectSize[1];\n float x = j * rectSize[0];\n pushMatrix();\n translate(x, y);\n float offsetX = random(-i * .9, i * .9);\n float offsetY = random(-i * .9, i * .9);\n translate(offsetX, offsetY);\n float rotation = random(- i * 0.015, i * 0.015);\n rotate(rotation);\n rect(0, 0, rectSize[0], rectSize[1]);\n popMatrix();\n }\n }\n}\n`)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"htl.html`\n

Artwork 2

K27 (1966)

\n\n

Describe toggleContent(4)}>

\n\n

To be added

\n\n

Analyze toggleContent(5)}>

\n\n

To be added

\n\n

Example Recode Solution:

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"

\n## Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":12,"value":"import {processing} from \"@real-john-cheung/processing\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"toggleContent = function(id){\n let arrowId = `arrow${id}`;\n let contentId = `content${id}`;\n let arrow = document.getElementById(arrowId);\n let content = document.getElementById(contentId);\n if (arrow.classList.contains('up')) {\n content.style.display = 'block';\n arrow.classList.remove('up');\n arrow.classList.add('down');\n } else {\n content.style.display = 'none';\n arrow.classList.remove('down');\n arrow.classList.add('up');\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"