2d:null 2e:["$","title",null,{"children":"fibonacci2 | bchoatejr | Observable"}] 33:T6a9,viewof canvas = { const canvas = DOM.element('canvas'); // const height = width * 0.5; const height = Math.ceil(width * screen.height / screen.width); canvas.width = width; canvas.height = height; const ctx = canvas.getContext('2d'); const f = fm.f; const a = fm.a; const b = fm.b; const maxT = fm.maxT; const dT = fm.dT; const colors = fm.colors; const cMod = fm.colorMod; const color = d3["interpolate"+colors]; let frame = 0; while(true) { ctx.beginPath(); ctx.fillStyle = "black"; ctx.rect(0, 0, width, height); ctx.fill(); // const p = project(x / n, y / n); for(var theta = 0; theta < maxT * Math.PI; theta = theta + Math.PI * dT) { const x = a * Math.cos(theta + f) * Math.pow(Math.E, theta * b); const y = a * Math.sin(theta + f) * Math.pow(Math.E, theta * b); const size = Math.max(1, Math.pow(Math.E, theta * 0.004) - 3); const col = Math.floor((Math.sin(frame * 0.01 + theta * dT + f * 50) + 0.9) * 90); const col2 = Math.floor(90 + (Math.sin(theta * dT + f) + 0.5) * 90); const p = project((width / 2 + x) / width, (height / 2 - y) / height, frame * 0.05); ctx.beginPath(); if (colors == "Original") ctx.fillStyle = 'rgb(' + col + ', ' + col2 + ', ' + 170 + ')'; else { // let cs = color_scale(col, col2, dT/2, dT/2) // let cs = color_scale(col, col2, dT/2, dT/2) // ctx.fillStyle = color(Math.random()); let cs = theta/Math.PI % cMod / cMod; ctx.fillStyle = color(cs); } ctx.arc(p[0], p[1], size, 0, Math.PI * 2); ctx.fill(); ctx.closePath(); } frame++; yield ctx.canvas; } }34:Ta89,// from [@emerycarr/manhattan-particles](https://observablehq.com/@emerycarr/manhattan-particles) // make import. seperate opt, options variables. viewof fm = { let makeDict = (pairs) => Object.assign({}, ...Array.from(pairs, ([key, val]) => ({[key]: val}) )); const params = (keys, vals) => makeDict(keys.map((key, i) => [key, vals[i]])); const opt = { select: (vals) => select(params(['title','options','value'], vals)), slider: (vals) => slider(params(['title','min','max','step','value'], vals)), color: (vals) => color(params(['title','value'], vals)), }; const options = { // title options value // symmetry: opt.select( ["symmetry", Object.keys(planarSymmetries), "pm"]), colors: opt.select( ["colors", color_schemes]), // title min max step default // width: opt.slider( ["width", 4, width, 1, width/4 ]), // height: opt.slider( ["height", 4, width, 1, width/4]), f: opt.slider( ["f", -5, 5, 0.1, 0]), a: opt.slider( ["a", -10, 10, 0.1, 2]), dT: opt.slider( ["dT", 0.01, 10, 0.00001, 0.11511]), colorMod: opt.slider( ["color modulus", 1, 1000, 1, 240]), maxT: opt.slider( ["maxT", 1, 500, 1, 200]), b: opt.slider( ["b", 0, 1, 0.001, 0.009]), // bgColor: opt.color( ["background", "#000000"]), }; // grid-template-columns: 120px 120px 120px 120px 120px 120px 120px 120px ; const element = html`

${values(options)}

`; element.oninput = function() { const result = {}; for (var x in options) { result[x] = options[x].value } element.value = result; } element.oninput(); return element; function values(dict) { const result = []; for (var x in dict) { result.push(dict[x]); }; return result; } }35:T71d,limits = { const height = width * 0.5; const f = fm.f; const a = fm.a; const b = fm.b; const maxT = fm.maxT; const dT = fm.dT; // let frame = 0; // let max_col = 0; // let max_col2 = 0; // let min_col = 0; // let min_col2 = 0; let limits = {max_col:0, max_col2:0, min_col:0, min_col2:0} let frame = 0; // const p = project(x / n, y / n); for(var theta = 0; theta < maxT * Math.PI; theta = theta + Math.PI * dT) { const x = a * Math.cos(theta + f) * Math.pow(Math.E, theta * b); const y = a * Math.sin(theta + f) * Math.pow(Math.E, theta * b); const size = Math.max(1, Math.pow(Math.E, theta * 0.004) - 3); const col = Math.floor((Math.sin(frame * 0.01 + theta * dT + f * 50) + 0.9) * 90); const col2 = Math.floor(90 + (Math.sin(theta * dT + f) + 0.5) * 90); if (col > limits.max_col) limits.max_col = col; if (col2 > limits.max_col2) limits.max_col2 = col2; if (col < limits.min_col) limits.min_col = col; if (col2 < limits.max_col2) limits.min_col2 = col2; } frame = 1000; for(var theta = 0; theta < maxT * Math.PI; theta = theta + Math.PI * dT) { const x = a * Math.cos(theta + f) * Math.pow(Math.E, theta * b); const y = a * Math.sin(theta + f) * Math.pow(Math.E, theta * b); const size = Math.max(1, Math.pow(Math.E, theta * 0.004) - 3); const col = Math.floor((Math.sin(frame * 0.01 + theta * dT + f * 50) + 0.9) * 90); const col2 = Math.floor(90 + (Math.sin(theta * dT + f) + 0.5) * 90); if (col > limits.max_col) limits.max_col = col; if (col2 > limits.max_col2) limits.max_col2 = col2; if (col < limits.min_col) limits.min_col = col; if (col2 < limits.max_col2) limits.min_col2 = col2; } limits.maxTheta = maxT * Math.PI; return limits; }36:[] 31:{"id":"ff76053be18ed640","slug":"fibonacci2","title":"fibonacci2","thumbnail":"32e1ac143f3acc7ef91d314b5140a8c575092b873ed690052edf45fcaccc1bdc","access_level":"public","create_time":"$D2019-06-15T16:44:31.679Z","update_time":"$D2019-06-18T23:49:35.984Z","view_time":null,"first_public_time":"$D2019-06-15T20:31:31.061Z","has_unpublished_edits":null,"fork":{"id":"7f911b0836a29cd8","slug":"fibonacci2","title":"fibonacci2","owner":{"id":"fc6bfa3faa7bc74f","login":"komorebi57","name":""}},"stars":7,"starred":false,"owner":{"type":"team","id":"727607e20e3c61f9","login":"bchoatejr","name":"","avatar_url":"https://avatars-next.observableusercontent.com/4881a705d0248e8076cbb21f9672c3d34d1e29310ae73f42e63f26691173b539","tier":"starter_2024"},"version":324,"publish_version":324,"role":null,"authored":false,"authors":[{"type":"individual","id":"43e14e124e3e99b4","login":"bchoatejr","name":"","avatar_url":"https://avatars-next.observableusercontent.com/4881a705d0248e8076cbb21f9672c3d34d1e29310ae73f42e63f26691173b539","tier":null}],"members":[{"type":"individual","id":"43e14e124e3e99b4","login":"bchoatejr","name":"","avatar_url":"https://avatars-next.observableusercontent.com/4881a705d0248e8076cbb21f9672c3d34d1e29310ae73f42e63f26691173b539","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"fibonacci2","cells":[{"id":0,"value":"md`# fibonacci2`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":220,"value":"fullscreen = {\n const button = html`