2b:null 2c:["$","title",null,{"children":"Generative Art | Derrek Chow | Observable"}] 31:T4df,{ const { CanvasSpace, Num, Create, Curve, Pt, Group, Noise } = Pts; const root = html`

`; const space = new CanvasSpace(root).setup({ bgcolor: 'black'}); const form = space.getForm(); const size = 7; const numRings = 5; const numPts = 7; let rings; const createRing = (base, radius) => { const pts = Create.radialPts(base, radius, numPts, 0); const noiseRing = Create.noisePts(pts, 0.1, 0.1).map( (p) => p.$add( p.noise2D()*size*5 ) ); return noiseRing; } const createRings = (base) => { for (let i=0; i { rings = new Group(); for(let pt of Create.gridPts(space.innerBound, 4, 4)) { createRings(pt); } } space.add({ start: () => { createGrid(); document.addEventListener('keypress', (e) => { if (e.key == "Enter") createGrid(); }); }, animate: (time, ftime) => { for (let i=0; i`; const space = new CanvasSpace(root).setup({ bgcolor: 'black'}); const form = space.getForm(); const size = 15; const numRings = 4; const numPts = 10; let rings; const createRing = (base, radius) => { const pts = Create.radialPts(base, radius, numPts, 0); const noiseRing = Create.noisePts(pts, 0.1, 0.1).map( (p) => p.$add( p.noise2D()*50 ) ); return noiseRing; } const createRings = (base) => { for (let i=0; i { rings = new Group(); for(let pt of Create.gridPts(space.innerBound, 10, 10)) { createRings(pt); } } space.add({ start: () => { createGrid(); document.addEventListener('keypress', (e) => { if (e.key == "Enter") createGrid(); }); }, animate: (time, ftime) => { form.strokeOnly('white', 0.5).lines(rings); } }); space.play(); return root; }33:T495,{ const { CanvasSpace, Util, Num, Create, Curve, Pt, Group, Noise } = Pts; const root = html`

`; const space = new CanvasSpace(root).setup({ bgcolor: 'black'}); const form = space.getForm(); const size = 4; const numRings = 3; const numPts = 6; let rings; const createRing = (base, radius) => { const pts = Create.radialPts(base, radius, numPts, 0); const noiseRing = Create.noisePts(pts, 0.1, 0.1).map( (p) => p.$add( 0, p.noise2D()*50 ) ); return noiseRing; } const createRings = (base) => { for (let i=0; i { rings = new Group(); for(let pt of Create.gridPts(space.innerBound, 16, 8)) { createRings(pt); } } space.add({ start: () => { createGrid(); document.addEventListener('keypress', (e) => { if (e.key == "Enter") createGrid(); }); }, animate: (time, ftime) => { form.strokeOnly('white').lines(rings); } }); space.play(); return root; }34:T49d,{ const { CanvasSpace, Num, Create, Curve, Pt, Group, Noise } = Pts; const root = html`

`; const space = new CanvasSpace(root).setup({ bgcolor: 'black'}); const form = space.getForm(); const size = 2; const numRings = 17; const numPts = 6; let rings; const createRing = (base, radius) => { const pts = Create.radialPts(base, radius, numPts, 0); const noiseRing = Create.noisePts(pts, 0.1, 0.1).map( (p) => p.$add( 0, p.noise2D()*70 ) ); return noiseRing; } const createRings = (base) => { for (let i=0; i { rings = new Group(); for(let pt of Create.gridPts(space.innerBound, 3, 3)) { createRings(pt); } } space.add({ start: () => { createGrid(); document.addEventListener('keypress', (e) => { if (e.key == "Enter") createGrid(); }); }, animate: (time, ftime) => { form.strokeOnly('white', 0.5).lines(rings); } }); space.play(); return root; }35:[] 2f:{"id":"71cdc59be7249721","slug":"math","title":"Generative Art","thumbnail":"571980dfb7a01738d2b95f120af61f18aec95a2f8448bbccb739d475241bfea7","access_level":"public","create_time":"$D2020-03-15T16:32:39.555Z","update_time":"$D2020-07-15T05:46:03.038Z","view_time":null,"first_public_time":"$D2020-03-28T19:46:02.077Z","fork":true,"stars":4,"starred":false,"owner":{"type":"team","id":"7379da9d7bdd9cce","login":"derrekchow","name":"Derrek Chow","avatar_url":"https://avatars-next.observableusercontent.com/483faf9752ba95e84c69a0bae2b1751b69e840b4dd9d1d7714a73617227b14b9","tier":"starter_2024"},"version":1478,"publish_version":1478,"role":null,"authored":false,"authors":[{"type":"individual","id":"6e16d847ff39e577","login":"derrekchow","name":"Derrek Chow","avatar_url":"https://avatars-next.observableusercontent.com/483faf9752ba95e84c69a0bae2b1751b69e840b4dd9d1d7714a73617227b14b9","tier":null}],"members":[{"type":"individual","id":"6e16d847ff39e577","login":"derrekchow","name":"Derrek Chow","avatar_url":"https://avatars-next.observableusercontent.com/483faf9752ba95e84c69a0bae2b1751b69e840b4dd9d1d7714a73617227b14b9","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":7,"collection":{"id":"a3505bc03b6998bb","slug":"pt-js","title":"Creative Coding","owner":{"id":"7379da9d7bdd9cce","login":"derrekchow","name":"Derrek Chow"}},"type":"notebook","body":{"title":"Generative Art","cells":[{"id":161,"value":"md`# Generative Art`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1392,"value":"md`## Press 'enter' to generate new pieces below`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1271,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1278,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1018,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1287,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":230,"value":"style = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":147,"value":"Pts = require('pts')\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 30:"$2f:body"