2c:null 2d:["$","title",null,{"children":"Computational Art Recode Camp Workshop 6 | UCA Creative Coding | Observable"}] 32:T4a2,processing(` int margin = 40; int nCol = 56; size(800, 800); background(255); float gap = (width - margin*2) / (nCol-1); int numberOfVoid = floor(random(8, 12)); float voidSpaceSizeLowLimit = gap * 2; float voidSpaceSizeHighLimit = gap * (15 - numberOfVoid); float[][] voidSpaces = new float[numberOfVoid][4]; for (int i = 0; i < numberOfVoid; i ++) { voidSpaces[i][0] = random(margin * 2, width - margin * 2); voidSpaces[i][1] = random(margin * 2, height - margin * 2); voidSpaces[i][2] = random(voidSpaceSizeLowLimit, voidSpaceSizeHighLimit); voidSpaces[i][3] = random(voidSpaceSizeLowLimit, voidSpaceSizeHighLimit); } float strokeL = gap * 0.8; for (int i = 0; i < nCol; i ++) { for (int j = 0; j < nCol; j ++) { float x = margin + i * gap; float y = margin + j * gap; boolean v = false; for (int k = 0; k < numberOfVoid; k ++) { if ( abs(x - voidSpaces[k][0]) < voidSpaces[k][2] / 2 && abs(y - voidSpaces[k][1]) < voidSpaces[k][3] / 2) { v = true; break; } } if (!v) { pushMatrix(); translate(x, y); rotate(random(-PI/3, PI/3)); line(0, -strokeL, 0, strokeL); popMatrix(); } } } `)33:[{"id":"6071faaaf5a628a13ad401787c00213cbd2e3e96158c4f846c88d3a3cc57d6a08ce7e0193eb95487f913835cf1d81be4b513ffc457f0bbb7bbe6bf26f984a2fa","href":"https://static.observableusercontent.com/files/6071faaaf5a628a13ad401787c00213cbd2e3e96158c4f846c88d3a3cc57d6a08ce7e0193eb95487f913835cf1d81be4b513ffc457f0bbb7bbe6bf26f984a2fa","name":"image.jpeg","type":"image/jpeg","lastModified":1710256047693.101,"size":459563}] 30:{"id":"54764a9452fa2806","slug":"recode-camp-6","title":"Computational Art Recode Camp Workshop 6","thumbnail":"adf031f9a52d7d1d96cfb4214d715d7ac2f4d06f5f4ef696af93f72696c13bde","access_level":"public","create_time":"$D2024-03-12T15:04:32.831Z","update_time":"$D2024-03-12T16:09:29.810Z","view_time":null,"first_public_time":"$D2024-03-12T15:04:39.100Z","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","bio":""},"version":46,"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,"bio":"I am lazy so for any info you wanna know about me, visit my website :p\n"}],"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":{"titling":"auto","title":"Computational Art Recode Camp Workshop 6","cells":[{"id":0,"value":"# Computational Art Recode Camp Workshop 6\n\n Works by Vera Molnár","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"htl.html`\n

Artwork 1

\n\n

Interruptions (1968)

\n\n

Describe toggleContent(1)}>

\n\n

Analyze toggleContent(2)}>

\n\n

Example Recode Solution:

\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"processing(`\nint margin = 40;\nint nCol = 56;\nsize(800, 800);\nbackground(255);\nfloat gap = (width - margin*2) / (nCol-1);\nint numberOfVoid = floor(random(8, 12));\nfloat strokeL = gap * 0.8;\nfor (int i = 0; i < nCol; i ++) {\n for (int j = 0; j < nCol; j ++) {\n float x = margin + i * gap;\n float y = margin + j * gap;\n float pn = noise(x * 0.01, y * 0.01);\n if (pn > 0.5) pn *= 1.1;\n if (pn < 0.5) pn *= 0.9;\n if (pn < 0.625) {\n pushMatrix();\n translate(x, y);\n rotate(random(-PI/3, PI/3));\n line(0, -strokeL, 0, strokeL);\n popMatrix();\n }\n }\n}\n`)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"

\n### Appendix\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":9,"value":"import {processing} from '@real-john-cheung/processing'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"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","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"\n\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"}],"files":"$W33","stdlib":"1"}} 31:"$30:body"