31:Taa5,function simulate() { // PARAMETERS // === const spacing = 6; const debug = false; const antigravity = 0.4; // HELPER FUNCTIONS // === function distBetween(a, b) { return ( Math.sqrt( Math.pow(b.pos.x - a.pos.x, 2) + Math.pow(b.pos.y - a.pos.y, 2) ) - a.size / 2 - b.size / 2 - spacing ); } function calcPos(s, R) { let rd = s.size * antigravity; let y = Math.sin(s.p + 0.5 * Math.PI) * (R + rd); let x = Math.cos(s.p + 0.5 * Math.PI) * (R + rd); return { x, y }; } function assertStillValid(state) { for (let i = 0; i < 6; i++) { let a = state[i]; let b = state[i + 1]; if (b.p < a.p) { throw new Error( `no longer valid at circle ${i}. State: ${JSON.stringify( state.map((s) => s.p) )}` ); } } } function totalDistBetween(state) { let total = 0; for (let i = 0; i < 7; i++) { let a = state[i]; let b = state[(i + 1) % 7]; total += distBetween(a, b); } return total; } function thread({ state, R }) { let totalSteps = 0; for (let i = 0; i < 6; i++) { debug && console.log(" thread", i); let a = state[i]; let b = state[i + 1]; let d, steps = 0; while ( ((d = distBetween(a, b)), ++totalSteps, ++steps < 1000 && Math.abs(d) > 0.1) ) { for (let j = i + 1; j < 7; j++) { let b = state[j]; b.p = Math.min( 2 * Math.PI - 0.05, // 2 * Math.PI - 0.1, b.p + -Math.sign(d) * 0.0001 * Math.PI ); b.pos = calcPos(b, R); } debug && console.log(" ", state.map((s) => s.p.toFixed(2)).join(", ")); debug && assertStillValid(state); } } return { state, R, totalSteps }; } // THE SIMULATION // === let R = 150; let steps = 0; let state = emotions.map((emotion, i) => { const size = diameter[values[emotions[i]]]; const color = colors[emotions[i]]; const p = (i / 7) * 2 * Math.PI; let s = { i, emotion, size, color, p }; s.pos = calcPos(s, R); return s; }); debug && assertStillValid(state); let totalDist, iterations = 0; while ( ((totalDist = totalDistBetween(state)), ++iterations < 10_000 && Math.abs(totalDist) > 1) ) { R += -Math.sign(totalDist) * 0.05; state = state.map((s) => { s.pos = calcPos(s, R); return s; }); debug && assertStillValid(state); let r = thread({ state, R }); state = r.state; steps += r.totalSteps; debug && assertStillValid(state); } return { state, iterations, steps }; }32:[] 2f:{"title":"Emotion circles","cells":[{"id":0,"value":"# Emotion circles","pinned":false,"hidden":false,"mode":"md"},{"id":25,"value":"viewof sad = Inputs.range([1, 5], {\n value: 4,\n step: 1,\n label: \"Sad\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":30,"value":"viewof stressed = Inputs.range([1, 5], {\n value: 2,\n step: 1,\n label: \"Stressed\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"viewof frustrated = Inputs.range([1, 5], {\n value: 4,\n step: 1,\n label: \"Frustrated\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"viewof energetic = Inputs.range([1, 5], {\n value: 5,\n step: 1,\n label: \"Energetic\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"viewof happy = Inputs.range([1, 5], {\n value: 2,\n step: 1,\n label: \"Happy\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"viewof relaxed = Inputs.range([1, 5], {\n value: 5,\n step: 1,\n label: \"Relaxed\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":27,"value":"viewof fatigued = Inputs.range([1, 5], {\n value: 1,\n step: 1,\n label: \"Fatigued\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":66,"value":"values = ({\n sad,\n stressed,\n frustrated,\n energetic,\n happy,\n relaxed,\n fatigued\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":46,"value":"{\n const { state, iterations, steps } = simulate();\n\n return html`

${iterations} iterations, ${steps} threading steps

\n ${state.map(({ pos, size, color, emotion, i }) => {\n let x = 200 + pos.x - size / 2;\n let y = 200 + pos.y - size / 2;\n let fontSize = Math.min(16, (1.3 * size) / xlen[emotion]);\n return html`

${emotion}

`;\n })}\n

`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":323,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":38,"value":"colors = ({\n happy: \"#E8CD41\",\n frustrated: \"#F24E44\",\n stressed: \"#DC4775\",\n fatigued: \"#339EEC\",\n sad: \"#905DD1\",\n relaxed: \"#33A778\",\n energetic: \"#F59E47\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":41,"value":"diameter = [null, 56, 68, 80, 92, 104]","pinned":false,"hidden":false,"mode":"ojs"},{"id":93,"value":"emotions = [\n \"sad\",\n \"stressed\",\n \"frustrated\",\n \"energetic\",\n \"happy\",\n \"relaxed\",\n \"fatigued\"\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":390,"value":"xlen = ({\n sad: 3,\n stressed: 7,\n frustrated: 8,\n energetic: 7.5,\n happy: 5,\n relaxed: 6.5,\n fatigued: 6.5\n})","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}