2c:null 2d:["$","title",null,{"children":"Software Art Studio SM3809 | SCM Software Art Studio | Observable"}] 32:Tc59,

Workshop pages

Joe: @felix12
Jason: @jason136
Jenny: @cheng-hei-man
Ezra: @ee3c2por7
Lok: @re-da-ct-ed
Harry: @hawaichung
Karthik: @karthik4
Jaycee: @jaycee124
Kel: @kel3
Kira: @lee-hiu-wah-kira
Roxanna: @rooxxaannaa
Emily: @emily-li
Ellen: @ellen3
Joey: @pui-kuen-szeto
Andy: @man-ho-wong
Brian: @brian1989

33:T7c5,p5(s => { let x = 50, y = 50, sw = 2, grid, px, py, started = false; s.setup = function() { s.createCanvas(450, 450); s.background(255); s.strokeWeight(sw); s.strokeCap(s.PROJECT); s.text('[click to run]', 180, 200); s.noFill(); s.noLoop(); } s.draw = function() { if (started) { px = py = 0; grid = Array(x + 1).fill().map(() => Array(y + 1).fill(0)); for (let i = 0; i < y; i++) { for (let j = 0; j < x; j++) cell(j, i); } step(); } } s.mouseClicked = function() { if (s.mouseX > 0 && s.mouseX < 450 && s.mouseY > 0 && s.mouseY < 450) { started = true; s.clear(); s.draw(); } } function cell(j, i) { let cellSz = s.min(s.width, s.height) / x; // skip one row/col around edge if (i > 0 && j < y - 1 && i < y - 1 && i < x - 1 && j < x - 1) { let off = 0; s.stroke(0); if (!exists(j, i, 1)) { s.stroke(255); // erase if (j > 1) off = sw; } if (j > 0) s.line(j * cellSz + off, cellSz + i * cellSz, // horiz (j + 1) * cellSz - 1, cellSz + i * cellSz); off = 0; s.stroke(0); if (!exists(j, i, 2)) { s.stroke(255); // erase if (i > 1) off = sw; } s.line(cellSz + j * cellSz, i * cellSz + off, // vert cellSz + j * cellSz, (i + 1) * cellSz); } } function step() { let dirs = (s.random() < 0.9) ? [1] : [2, 1]; let idx = s.floor(s.random(dirs.length)), dir = dirs[idx]; if (exists(px, py, dir)) grid[px][py] += dir; let d = s.dist(px, 0, py, 0) / x; if (s.random() < d && exists(px, py, 2)) grid[px][py] += 2; cell(px, py); if (++px % x == 0) { px = 0; ++py; } if (py < y - 1 || px < x - 1) setTimeout(step, 1); //setTimeout((py < y - 1 || px < x - 1 ? step : s.draw), 10); // loop } function exists(j, i, dir) { return dir == 2 ? grid[j][i] < 2 : grid[j][i] % 2 == 0; } })34:[{"id":"b63095865369e602bb64184c733889275c9deec313bc142c9e6f3ca67834fd79355f8258f873927a570feb0cb1eab2fa4e126e5a8dd80ebd15b3f6a829006df2","href":"https://static.observableusercontent.com/files/b63095865369e602bb64184c733889275c9deec313bc142c9e6f3ca67834fd79355f8258f873927a570feb0cb1eab2fa4e126e5a8dd80ebd15b3f6a829006df2","name":"adverpos@1.png","type":"image/png","lastModified":1639337329641.437,"size":1166886},{"id":"1a7d42be6e85b7bea2ee9c38864d4e40d6b54c6743229ffb168f7a2e160a0e12ffaaaf99e601fa903cd7214265de40f65d60903b97756c29189c322868cb8e57","href":"https://static.observableusercontent.com/files/1a7d42be6e85b7bea2ee9c38864d4e40d6b54c6743229ffb168f7a2e160a0e12ffaaaf99e601fa903cd7214265de40f65d60903b97756c29189c322868cb8e57","name":"adverpos.jpg","type":"image/jpeg","lastModified":1642078091194.708,"size":72315},{"id":"0e1af3ca6bbdaebe899d0a86c8d3baec06f3200150eaae500f22cc9ca842e0effa036eae843c380ec462cc1f75c6a196c49e32d7bb7f31e79298b1f4cd6d0903","href":"https://static.observableusercontent.com/files/0e1af3ca6bbdaebe899d0a86c8d3baec06f3200150eaae500f22cc9ca842e0effa036eae843c380ec462cc1f75c6a196c49e32d7bb7f31e79298b1f4cd6d0903","name":"adverpos-obs.jpg","type":"image/jpeg","lastModified":1706502300664.033,"size":76260}] 30:{"id":"c8e105ffc23632ab","slug":"home","title":"Software Art Studio SM3809","thumbnail":"d90c843ad8e4731ece9443d03045eda9104eacfd1e956323574fd7d6aa886ffd","access_level":"public","create_time":"$D2021-01-20T19:00:52.713Z","update_time":"$D2024-04-25T07:25:41.433Z","view_time":null,"first_public_time":"$D2021-01-20T19:08:40.388Z","has_unpublished_edits":null,"fork":false,"stars":3,"starred":false,"owner":{"type":"team","id":"7d112ba7925a6c02","login":"scm","name":"SCM Software Art Studio","avatar_url":"https://avatars-next.observableusercontent.com/38a7e6f3134909936b7ca229a32b50e89dfa44d42c577a83db65918021077d2f","tier":"pro_2024"},"version":1040,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"32869872eb6f2f82","login":"dhowe","name":"Daniel Howe","avatar_url":"https://avatars-next.observableusercontent.com/a5081aaa56ae9990aa27642040dc61de3ce8cea67f6f778a5b864e41111ba7a3","tier":null}],"members":[{"type":"individual","id":"32869872eb6f2f82","login":"dhowe","name":"Daniel Howe","avatar_url":"https://avatars-next.observableusercontent.com/a5081aaa56ae9990aa27642040dc61de3ce8cea67f6f778a5b864e41111ba7a3","tier":null,"role":"editor"},{"type":"team","id":"7d112ba7925a6c02","login":"scm","name":"SCM Software Art Studio","avatar_url":"https://avatars-next.observableusercontent.com/38a7e6f3134909936b7ca229a32b50e89dfa44d42c577a83db65918021077d2f","tier":"pro_2024","role":"viewer"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":6,"collection":null,"type":"notebook","body":{"title":"Software Art Studio SM3809","cells":[{"id":11,"value":"html`

Software Art Studio SM3809

\n\n

A project-oriented studio for coders wishing to take their computational art practice to the next level. Lectures will address aesthetic, conceptual and technical concerns at the intersection of creative code and software art. This six-credit workshop focuses on techniques in programming visual and textual media including recursion, recombination, data-mapping, scraping, rule-based systems, stochastic processes and machine learning. Participants will engage in weekly assignments and design prototypes building toward a publication-quality final project.

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":983,"value":"FileAttachment(\"adverpos-obs.jpg\").image()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":648,"value":"## Links\n* [Course website](https://rednoise.org/sas)\n* [CityU Canvas page](https://canvas.cityu.edu.hk/courses/58634)\n* [Markdown cheatsheet](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet)\n* [An example homepage](https://observablehq.com/@studentbot/sm3809-homepage)\n* [The p5.js editor](https://editor.p5js.org/) & [docs](https://p5js.org/reference/)\n* [RegEx cheatsheet](https://rednoise.org/teaching/wdm/uploads/regex_cheatsheet.pdf)\n* [Learning Observable](https://www.youtube.com/playlist?list=PLOHIJAFwtkEfEsafMd9BY3KWsRrz7FV5e)\n* [Critical Software Art](https://observablehq.com/@dhowe/critical-software-art-projects)\n* [RiTa on Observable](https://observablehq.com/collection/@dhowe/rita)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":694,"value":"$32","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":973,"value":"{\n button;\n let stu = [\n 'Joe', \n 'Jason',\n 'Jenny',\n 'Ezra',\n 'Lok',\n 'Harry',\n 'Jaycee',\n 'Kel',\n 'Kira',\n 'Roxan',\n 'Emily',\n 'Ellen',\n 'Joey',\n 'Andy',\n 'Brian',\n 'Karthik',\n ];\n return md`## ${stu[Math.floor(Math.random() * stu.length)]}`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":970,"value":"viewof button = html`

${Object.assign(html`

Workshop pages

Software Art Studio SM3809

Presentations