2d:null 2e:["$","title",null,{"children":"Computational Art Recode Camp Workshop 4 | UCA Creative Coding | Observable"}] 33:T533,processing(`int colNo = 50; int rowNo = 50; int cellSz[] = new int[2]; int sw = 2; int col = 0, row = 0; final int DOWN = 1, RIGHT = 2, BOTH = 3; void setup() { size(600, 600); background(255); noFill(); strokeWeight(sw); strokeCap(PROJECT); // change how the end of the stroke looks like cellSz[0] = width / colNo; // cell width cellSz[1] = height / rowNo; // cell height stroke(0); } void draw() { int toRemove = 0; toRemove = random(1) < 0.95 ? DOWN : RIGHT; // play with the posibility setting here // pattern float d = dist(col, 0, row, 0) / ((colNo + rowNo) / 2); //pattern 1 //float d = abs(col - row) / ((colNo + rowNo) / 2); //pattern 2 if (random(1) < d){ //remove right if (toRemove == DOWN) toRemove = BOTH; } int x = col * cellSz[0]; int y = row * cellSz[1]; switch(toRemove) { case DOWN: if (col == 0 || row == 0 || col == colNo - 1 || row == rowNo - 1) break; line(x + cellSz[0], y + cellSz[1], x + cellSz[0], y); break; case RIGHT: if (col == 0 || row == 0 || col == colNo - 1 || row == rowNo - 1) break; line(x, y + cellSz[1], x + cellSz[0], y + cellSz[1]); break; case BOTH: break; } col ++; if (col == colNo - 1) { row ++; col = 0; } if (row == rowNo - 1 && col == colNo - 1) noLoop(); }`)34:[{"id":"310b9f77cd028e2e273f153c3ed7dd89cdffdd144c5a462579271491eebc7276d0b5ef4ae6888a27c03608d7a30d6e076d9ee466861eac40090e9df639e4100a","href":"https://static.observableusercontent.com/files/310b9f77cd028e2e273f153c3ed7dd89cdffdd144c5a462579271491eebc7276d0b5ef4ae6888a27c03608d7a30d6e076d9ee466861eac40090e9df639e4100a","name":"image@1.png","type":"image/png","lastModified":1701940539350.18,"size":904471},{"id":"447d6007d5b7714f73749aee8dcd1ef6566a901741291295f725b3e3c023877ef582e751b72d49578a28458c4643612e91481c329568416d531e9493468ce04c","href":"https://static.observableusercontent.com/files/447d6007d5b7714f73749aee8dcd1ef6566a901741291295f725b3e3c023877ef582e751b72d49578a28458c4643612e91481c329568416d531e9493468ce04c","name":"image.png","type":"image/png","lastModified":1700144050737.217,"size":3018075},{"id":"1f80a7a52d3710af070ccb4d8e936139180483ce25a3e9cf4424bc05619df12914ce070ef4e33f818755e2200d78f67dd789cc1bd71fecb662f62f341673a8d4","href":"https://static.observableusercontent.com/files/1f80a7a52d3710af070ccb4d8e936139180483ce25a3e9cf4424bc05619df12914ce070ef4e33f818755e2200d78f67dd789cc1bd71fecb662f62f341673a8d4","name":"Nake1971-there-should-be-no-computer-art.pdf","type":"application/pdf","lastModified":1700144282536.271,"size":1036767},{"id":"f42d0075a1437ff0746a1c42a139dd5dac57b564a405f656cabfae843e5eaed6ccfd53337ba39537cc163af12d0a76a3a0347e0229ce220c7365f346204fea47","href":"https://static.observableusercontent.com/files/f42d0075a1437ff0746a1c42a139dd5dac57b564a405f656cabfae843e5eaed6ccfd53337ba39537cc163af12d0a76a3a0347e0229ce220c7365f346204fea47","name":"Computational art recode camp 4.pdf","type":"application/pdf","lastModified":1700488787388.236,"size":2635742}] 31:{"id":"69b075e47d87fa4f","slug":"recode-camp-4","title":"Computational Art Recode Camp Workshop 4","thumbnail":"3c77999679d917027fa422f16bb1b974ddf4e63b341c75947b4be021a5d71e74","access_level":"public","create_time":"$D2023-11-16T14:10:49.909Z","update_time":"$D2023-12-07T09:17:20.345Z","view_time":null,"first_public_time":"$D2023-11-16T14:10:49.909Z","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":48,"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 4","cells":[{"id":3,"value":"# Computational Art Recode Camp Workshop 4\n\nWorks by Frieder Nake","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":7,"value":"htl.html`\n

Artwork 1

Walk Through Raster (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":38,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"## Think\n\nHow can we achieve other patterns like below?\n(Hint: just need to change one line of the code)\n

","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":29,"value":"## Further reading\n* A short essay by Frieder himself about the aesthetic in Walk Through Raster: [Link here](https://dam.org/museum/wp-content/uploads/2021/05/FN_WalkThroughRaster.pdf)\n* [Nake, F., There Should Be No Computer-Art. Bulletin of the Computer Arts Society, London, No. 18, Oct. 1971, 1-2. – Reprinted in: A. Altena, L. van der Velden (eds.): The anthology of computer art. Amsterdam: Sonic Acts 2006, 59-60.](${await FileAttachment(\"Nake1971-there-should-be-no-computer-art.pdf\").url()})\n* An interview with Frieder Nake https://www.mdpi.com/2076-0752/8/2/69\n\n## Slides\n[link here](${await FileAttachment(\"Computational art recode camp 4.pdf\").url()})","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":22,"value":"

\n## Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":24,"value":"import {processing} from \"@real-john-cheung/processing\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"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":20,"value":"\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":13,"value":"\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"