2d:null 2e:["$","title",null,{"children":"Computational Art Recode Camp | UCA Creative Coding | Observable"}] 33:Tc6e,processing(`int[] grid; class Brush{ color c = 0; float grain = random(0.01, 0.1); Brush(){ } void render(float x, float y, float ox, float oy){ this.grain += random( -.05, .05); this.grain = constrain(this.grain, 0, 1.0); float g = 64.0; float weight = this.grain / g; for(int i = 0; i < g; i++){ float a = .1 - (float)i / (g * 10); stroke(0, a * 255); point(ox + (x - ox) * sin (sin (i*weight)), oy+(y - oy)*sin(sin(i*weight))); } } } class Crack{ float x = -1; float y = -1; float d = -1; Brush brush; Crack(){ this.init(); } void init(){ totalStarted ++; int px = 0; int py = 0; boolean found = false; int tries = 0; while(!found && (tries++ < 999)) { px = int(random(width)); py = int(random(height)); if (grid[py*width + px] < 10000){ found = true; } } if (found){ int a = grid[py*width + px]; if (Math.random() < 0.5){ a -= 90 + int(random(-2, 2)); } else { a += 90 + int(random(-2, 2)); } // start this.x = px; this.y = py; this.d = a; this.x += .61 * cos(this.d * PI/180); this.y += .61 * sin(this.d * PI/180); } else { // abort } this.brush = new Brush(); } void move(){ this.x += .42 * cos(this.d * PI/180); this.y += .42 * sin(this.d * PI/180); int nx = int(this.x + random(-.33, .33)); int ny = int(this.y + random(-.33, .33)); stroke(0, 85); float rx = this.x; float ry = this.y; boolean isOpen = true; while(isOpen){ rx += .81*sin(this.d*PI/180); ry += -.81*cos(this.d*PI/180); int cx = int(rx); int cy = int(ry); if (cx >=0 && cx < width && cy >=0 && cy < height){ if (grid[cy*width+cx] > 10000) { } else { isOpen = false; } } else { isOpen = false; } } this.brush.render(rx,ry, this.x, this.y); if (nx >=0 && nx < width && ny >= 0 && ny < height){ if (grid[ny*width+nx] > 10000 || abs(grid[ny * width+nx] - this.d) < 5){ grid[ny*width+nx] = int(this.d); } else if (abs(grid[ny * width+nx] - this.d) > 2) { //renew this.init(); //sp spwanCrack(); } } else { //renew this.init(); spwanCrack(); } } } Crack[] cracks; int noOfCracks = 75; int totalStarted = 1000; int index = 0; int c = 0; void setup(){ size(600,300); background(255); grid = new int[width*height]; cracks = new Crack[noOfCracks]; begin(); } void draw(){ for (int i = 0; i < index; i++){ cracks[i].move(); } if (c > 1000){ begin(); } c++; } void begin(){ totalStarted = 0; index = 0; c=0; for(int i = 0; i < grid.length; i++){ grid[i] = 10001; } for(int i = 0; i < 16; i++){ int k = int(random(width*height-1)); grid[k]=int(random(360)); } for(int i = 0; i < 3; i++){ spwanCrack(); } background(255); } void spwanCrack(){ if (index < noOfCracks){ cracks[index] = new Crack(); index++; } } `)34:[{"id":"a0752085e144e3b87a61feb17b60f041dd1b17e18401777fb42fbb7f4258f90442e73e1265e5d1fbcb47309fb1f31ce037b7da4c1e7c02ddaa1eba94effc178d","href":"https://static.observableusercontent.com/files/a0752085e144e3b87a61feb17b60f041dd1b17e18401777fb42fbb7f4258f90442e73e1265e5d1fbcb47309fb1f31ce037b7da4c1e7c02ddaa1eba94effc178d","name":"image.png","type":"image/png","lastModified":1698415834168.405,"size":3886},{"id":"35e2ba873d4b01c3d8405d1e81a2bb8fbaf60abbd702c265f632f2d495fa3fce64f35233f61172b46785593b82ea9b5cf55839a1896bf8d8d7b0f85cea14dd8b","href":"https://static.observableusercontent.com/files/35e2ba873d4b01c3d8405d1e81a2bb8fbaf60abbd702c265f632f2d495fa3fce64f35233f61172b46785593b82ea9b5cf55839a1896bf8d8d7b0f85cea14dd8b","name":"image@1.png","type":"image/png","lastModified":1698415843732.999,"size":5619},{"id":"54a8935f1db3d499d56b93bf6d1f9d9b4a31b734dd20900d2cbd021d49cc6514d420c797177d7007b94facada2c1ea0b825585b677a4c4acc3ee3847942091db","href":"https://static.observableusercontent.com/files/54a8935f1db3d499d56b93bf6d1f9d9b4a31b734dd20900d2cbd021d49cc6514d420c797177d7007b94facada2c1ea0b825585b677a4c4acc3ee3847942091db","name":"image@2.png","type":"image/png","lastModified":1698415966665.346,"size":7297},{"id":"0484be05daf9120e789020a0145504eb4049ce73ef88230c914103abad873d16951639da6c3c8d04b44b7a12abf9f37b3ef8af06d0588e07b12a478a16764035","href":"https://static.observableusercontent.com/files/0484be05daf9120e789020a0145504eb4049ce73ef88230c914103abad873d16951639da6c3c8d04b44b7a12abf9f37b3ef8af06d0588e07b12a478a16764035","name":"image@3.png","type":"image/png","lastModified":1698416097938.454,"size":7330}] 31:{"id":"04c24c1d34a4f4e6","slug":"recode-camp","title":"Computational Art Recode Camp","thumbnail":"03e9da06c319a597097b1c24603198df429325e4dcc42e11ce459dea3079f6c8","access_level":"public","create_time":"$D2023-10-20T11:37:05.879Z","update_time":"$D2023-11-16T14:10:21.433Z","view_time":null,"first_public_time":"$D2023-10-20T11:37:05.879Z","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":53,"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","cells":[{"id":0,"value":"# Computational Art Recode Camp\n\nHi all, Welcome to the Computational Art Recode Camp! We will have a series of workshops every Monday. In these workshop we will explore iconic and important works in the history of computational art and creative coding, recreate them and modify them with your creativity.\n\nNo worries if you have to skipped some of the workshops. All the materials for the workshop are available in the below links plus example works made by your fellow students.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":18,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"A recode of Jared Tarbell's Substrate (2004)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":38,"value":"## How to use the interface\nClick on the arrow to reveal hidden items (on the workshop page)\n\n![image.png](${await FileAttachment(\"image.png\").url()}) --> ![image@2.png](${await FileAttachment(\"image@2.png\").url()})\n\nClick on the arrow on the left of the cell to see the source code below\n\n![image@1.png](${await FileAttachment(\"image@1.png\").url()}) --> ![image@3.png](${await FileAttachment(\"image@3.png\").url()})","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":30,"value":"## Links to the workshop pages\n * [Workshop1](./recode-camp-1)\n * [Workshop2](./recode-camp-2)\n * [Workshop3](./recode-camp-3)\n * [Workshop4](./recode-camp-4)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"

\n\n### Appendix ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":7,"value":"import {processing} from '@real-john-cheung/processing'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"import {p5, p5c} from \"@real-john-cheung/p5js\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"