2d:null 2e:["$","title",null,{"children":"Assignment 2 - GenArt | John C | Observable"}] 33:Tc1b,p5(s => { let started = false; let paused = false; let w_click = [ [1,0],[2,0],[4,0],[7,0],[9,0],[10,0],[12,0],[14,0], [1,1],[4,1],[7,1],[9,1],[12,1],[13,1], [1,2],[4,2],[7,2],[9,2],[12,2],[14,2], [1,3],[2,3],[4,3],[5,3],[7,3],[9,3],[10,3],[12,3],[15,3] ]; const maxlimit = 400; let ws = []; let varX = s.PI/4; let varY = s.PI/4; const dice = function(){ return s.random([0,1,2,3,4,5]); } const pushThemBack =function(arr){ for(let i = 0; i < arr.length; i ++) { if (s.abs(arr[i]) > maxlimit) { arr[i] = (arr[i] + maxlimit) % maxlimit; } } return arr; } class Walker{ constructor(x,y,z,sz){ this.x = x; this.y = y; this.z = z; this.sz = sz; this.arr = []; } render(){ s.push(); s.rotateX(varX); s.rotateY(varY); s.noStroke(); this.arr.forEach((b,i) => { s.push(); s.fill(s.abs(100 + b[1]) % 255,s.abs(100 + b[2]) % 255,s.abs(100 + b[0]) % 255, s.map(i, 0, this.arr.length, 0, 255)); s.translate(b[0],b[1],b[2]); s.box(b[3]); s.pop(); }); s.pop(); } move(){ this.arr.push([this.x, this.y, this.z, this.sz]); if (this.arr.length > 255) this.arr.shift(); switch(dice()) { case 0: this.x += this.sz; break; case 1: this.x -= this.sz; break; case 2: this.y += this.sz; break; case 3: this.y -= this.sz; break; case 4: this.z += this.sz; break; case 5: this.z -= this.sz; break; default: console.error("wrong"); break; } let a = [this.x, this.y, this.z]; a = pushThemBack(a); this.x = a[0]; this.y = a[1]; this.z = a[2]; this.sz *= s.random([1,-1]) * 1.1; this.sz = s.constrain(this.sz, 10, 35); } } s.setup = function () { s.createCanvas(600,600, s.WEBGL); s.background(0); for(let i = 0; i < 5; i++){ ws.push(new Walker(s.random(-300, 300),s.random(-300, 300),s.random(-300, 300),s.random(10,20))); } } s.draw = function () { if (!started){ //not started //init screen for (let i = 0; i < w_click.length; i++) { let xid = -8+w_click[i][0]; let yid = -2+w_click[i][1]; s.push(); s.fill(s.random(100,255),s.random(100,255),s.random(100,255), 100); s.noStroke(); s.translate(24/2+(xid*24),24/2+(yid*24),50); s.box(24,24,24); s.pop(); } s.noLoop(); } else { if (!paused){ //main s.background(0); ws.forEach(w => { w.render(); w.move(); }); varX += 0.01; varY += 0.01; } else { s.noLoop(); } } } s.mouseClicked = function () { if (!(s.mouseX>0&&s.mouseX0&&s.mouseY { let started = false; let paused = false; let w_click = [ [1,0],[2,0],[4,0],[7,0],[9,0],[10,0],[12,0],[14,0], [1,1],[4,1],[7,1],[9,1],[12,1],[13,1], [1,2],[4,2],[7,2],[9,2],[12,2],[14,2], [1,3],[2,3],[4,3],[5,3],[7,3],[9,3],[10,3],[12,3],[15,3] ]; const maxlimit = 400; let ws = []; let varX = s.PI/4; let varY = s.PI/4; const dice = function(){ return s.random([0,1,2,3,4,5]); } const pushThemBack =function(arr){ for(let i = 0; i < arr.length; i ++) { if (s.abs(arr[i]) > maxlimit) { arr[i] = (arr[i] + maxlimit) % maxlimit; } } return arr; } class Walker{ constructor(x,y,z,sz){ this.x = x; this.y = y; this.z = z; this.sz = sz; this.arr = []; this.lifeSpawn=0; } render(){ s.push(); s.rotateX(varX); s.rotateY(varY); s.noStroke(); this.arr.forEach((b,i) => { s.push(); let maxAlpha = this.lifeSpawn < 255 ? 255 : 2*255 - this.lifeSpawn; s.fill(s.abs(100 + b[1]) % 255,s.abs(100 + b[2]) % 255,s.abs(100 + b[0]) % 255, s.map(i, 0, this.arr.length, 0, maxAlpha)); s.translate(b[0],b[1],b[2]); s.box(b[3]); s.pop(); }); s.pop(); } move(){ let newL = false; this.arr.push([this.x, this.y, this.z, this.sz]); if (this.arr.length > 255) { this.arr.shift(); } this.lifeSpawn ++; if (this.lifeSpawn > 550) { this.arr = []; this.lifeSpawn = 0; this.x = nextRandomSpot[0]; this.y = nextRandomSpot[1]; this.z = nextRandomSpot[2]; newL = true; } switch(dice()) { case 0: this.x += this.sz; break; case 1: this.x -= this.sz; break; case 2: this.y += this.sz; break; case 3: this.y -= this.sz; break; case 4: this.z += this.sz; break; case 5: this.z -= this.sz; break; default: console.error("wrong"); break; } let a = [this.x, this.y, this.z]; a = pushThemBack(a); this.x = a[0]; this.y = a[1]; this.z = a[2]; this.sz *= s.random([1,-1]) * 1.1; this.sz = s.constrain(this.sz, 10, 35); if (newL) return true; } } let nextRandomSpot = []; s.setup = function () { s.createCanvas(600,600, s.WEBGL); s.background(0); for(let i = 0; i < 5; i++){ ws.push(new Walker(0,0,0,s.random(10,20))); } nextRandomSpot = [s.random(-maxlimit/2,maxlimit/2),s.random(-maxlimit/2,maxlimit/2),s.random(-maxlimit/2,maxlimit/2)]; } s.draw = function () { if (!started){ //not started //init screen for (let i = 0; i < w_click.length; i++) { let xid = -8+w_click[i][0]; let yid = -2+w_click[i][1]; s.push(); s.fill(s.random(100,255),s.random(100,255),s.random(100,255), 100); s.noStroke(); s.translate(24/2+(xid*24),24/2+(yid*24),50); s.box(24,24,24); s.pop(); } s.noLoop(); } else { if (!paused){ //main s.background(0); let updrsp = false; ws.forEach(w => { w.render(); if (w.move()) updrsp = true; }); varX += 0.01; varY += 0.01; if (updrsp) { nextRandomSpot = [s.random(-maxlimit/2,maxlimit/2),s.random(-maxlimit/2,maxlimit/2),s.random(-maxlimit/2,maxlimit/2)]; } } else { s.noLoop(); } } } s.mouseClicked = function () { if (!(s.mouseX>0&&s.mouseX0&&s.mouseY { let started = false; let finished = false; let w_click = [ [1,0],[2,0],[4,0],[7,0],[9,0],[10,0],[12,0],[14,0], [1,1],[4,1],[7,1],[9,1],[12,1],[13,1], [1,2],[4,2],[7,2],[9,2],[12,2],[14,2], [1,3],[2,3],[4,3],[5,3],[7,3],[9,3],[10,3],[12,3],[15,3] ]; const maxlimit = 400; let ws = []; let varX = s.PI/4; let varY = s.PI/4; const dice = function(){ return s.random([0,1,2,3,4,5]); } class Walker{ constructor(x,y,z,sz,c){ this.x = x; this.y = y; this.z = z; this.sz = sz; this.arr = []; this.done = false; this.c = c; } render(){ s.push(); //s.rotateX(varX); //s.rotateY(varY); s.noStroke(); this.arr.forEach((b,i) => { s.push(); s.specularMaterial(this.c); s.shininess(8); s.translate(b[0],b[1],b[2]); s.box(b[3]); s.pop(); }); s.pop(); } move(){ this.arr.push([this.x, this.y, this.z, this.sz]); if (this.arr.length >= 255) { this.done = true; } switch(dice()) { case 0: this.x += this.sz; break; case 1: this.x -= this.sz; break; case 2: this.y += this.sz; break; case 3: this.y -= this.sz; break; case 4: this.z += this.sz; break; case 5: this.z -= this.sz; break; default: console.error("wrong"); break; } let a = [this.x, this.y, this.z]; a.forEach(dim => { if (s.abs(dim) > maxlimit) { this.done = true; } }) this.sz *= s.random([1,-1]) * 1.1; this.sz = s.constrain(this.sz, 10, 35); } } let nextRandomSpot = []; s.setup = function () { s.createCanvas(600,600, s.WEBGL); s.background(135,206,250); s.camera(0, -maxlimit/2, maxlimit * 2.5, 0,0,0,0,1,0); nextRandomSpot = [s.random(-maxlimit/2,maxlimit/2),s.random(-maxlimit/2,maxlimit/2),s.random(-maxlimit/2,maxlimit/2)]; for(let i = 0; i < 5; i++){ ws.push(new Walker(nextRandomSpot[0], nextRandomSpot[1], nextRandomSpot[2],s.random(15,30), s.color(s.random(100,255),s.random(100,255),s.random(100,255)))); } } s.draw = function () { s.background(135,206,250); s.ambientLight(100); s.spotLight(252, 238, 167, -2*maxlimit, -2*maxlimit, 2*maxlimit, 1, 1, -1, 90, 50); s.spotLight(252, 238, 167, 2*maxlimit, -2*maxlimit, 2*maxlimit, -1, 1, -1, 90, 50); //s.spotLight(252, 238, 167, 0, -2*maxlimit, 0, 0, -1, 0, 90, 100); // s.spotLight(252, 238, 167, 2*maxlimit, -2*maxlimit, maxlimit, -1, 1, -1, s.PI, 5); if (!started){ //not started //init screen for (let i = 0; i < w_click.length; i++) { let xid = -8+w_click[i][0]; let yid = -2+w_click[i][1]; s.push(); s.ambientMaterial(s.random(100,255),s.random(100,255),s.random(100,255)); s.noStroke(); s.translate(24/2+(xid*24),24/2+(yid*24),50); s.box(24,24,24); s.pop(); } s.noLoop(); } else { if (!finished){ //grow s.push(); s.rotateY(45); let fc = true; ws.forEach(w => { if (!w.done) { w.render(); w.move(); fc = false; } else { w.render(); } }); s.pop(); if (fc) finished = true; if (varY !== 45) varY = 45; } else { s.push(); s.rotateY(varY); ws.forEach(w => { w.render(); }); s.pop(); varY += 0.01; } } s.push(); s.fill(250); s.noStroke(); s.ambientMaterial(250); s.translate(0, 51*maxlimit, 0); s.box(100*maxlimit); s.translate(0, -51*maxlimit, -52*maxlimit); s.box(100*maxlimit); s.pop(); //s.ambientLight(252, 238, 167); } s.mouseClicked = function () { if (!(s.mouseX>0&&s.mouseX0&&s.mouseYAssignment 2 - GenArt\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"html`

Readings Responses

\n
\n

Random Walk

They look like stupid benchmark tests :(

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":89,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":122,"value":"

Random Walk Sculptures

Click to generate, after finished, click again to generate a new one

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":126,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":291,"value":"

Maybe a good idea to 3D print out some of the good ones...

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":61,"value":"html`

Screen Shots

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

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"html`\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"import {p5} from \"@real-john-cheung/sm3809-a1\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 32:"$31:body"