30: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; }32: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; }33: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; }34:[] 2e:{"title":"Generative Art","cells":[{"id":161,"value":"md`# Generative Art`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1392,"value":"md`## Press 'enter' to generate new pieces below`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1271,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":1278,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":1018,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":1287,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":230,"value":"style = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":147,"value":"Pts = require('pts')\n","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}