31:T4eb,{ //const dpi = window.devicePixelRatio || 1; const canvas = DOM.canvas(width, height); const context = canvas.getContext("2d"); context.beginPath(); context.arc(width / 2, height / 2, coreRadius, 0, 2 * Math.PI); context.fillStyle = '#999999'; context.fill(); yield canvas; context.fillStyle = '#000'; for (const star of stars) { context.beginPath(); context.arc(star.x, star.y, 4, 0, 2 * Math.PI); context.fill(); if (animation) { yield canvas; } } for (let i = 0; i < triangles.length; i += 3) { const i0 = triangles[i + 0], p0 = stars[i0]; const i1 = triangles[i + 1], p1 = stars[i1]; const i2 = triangles[i + 2], p2 = stars[i2]; context.beginPath(); if (i0 < i1 && distance(p0,p1) < maxLaneLength && Math.random()*100 > edgeThinning) context.moveTo(p0.x, p0.y), context.lineTo(p1.x, p1.y); if (i1 < i2 && distance(p1,p2) < maxLaneLength && Math.random()*100 > edgeThinning) context.moveTo(p1.x, p1.y), context.lineTo(p2.x, p2.y); if (i2 < i0 && distance(p2,p0) < maxLaneLength && Math.random()*100 > edgeThinning) context.moveTo(p2.x, p2.y), context.lineTo(p0.x, p0.y); context.stroke(); if (animation) { yield canvas; } } return canvas; }32:[] 2f:{"title":"Galaxy Map Generation","cells":[{"id":176,"value":"md`# Galaxy Map Generation`\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":67,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":148,"value":"viewof numStars = Range([10, 500], {label: \"Stars\", step: 5, value: 200})","pinned":false,"hidden":false,"mode":"ojs"},{"id":153,"value":"viewof coreRadius = Range([0, 100], {label: \"Core Radius\", step: 5, value: 50})","pinned":false,"hidden":false,"mode":"ojs"},{"id":159,"value":"viewof starMargin = Range([0, 20], {label: \"Star Margin\", step: 1, value: 4})","pinned":false,"hidden":false,"mode":"ojs"},{"id":168,"value":"viewof maxLaneLength = Range([10, 300], {label: \"Max Lane Length\", step: 5, value: 75})","pinned":false,"hidden":false,"mode":"ojs"},{"id":209,"value":"viewof edgeThinning = Range([0,80], {label: \"%Edges to Remove\", step:1, value: 50})","pinned":false,"hidden":false,"mode":"ojs"},{"id":191,"value":"viewof animation = Toggle({label: \"Animation\", value: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":0,"value":"md`## Background \n\nA toy. Some of the display code is forked with thanks from Mike Bostock's [Blue Noise Delaunay\n](https://observablehq.com/@mbostock/blue-noise-delaunay) notebook.\n\nThis notebook is for exploring algorithms that generate a simple \"galaxy\" for use in an economic simulation. Aethetically, I'm looking for something not so unlike Escape Velocity.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":235,"value":"md`## Features\n\n- Stars: Number of stars\n- Core Radius: The size of the center of the galaxy, in which no habitable stars occur, and in which naviation is limited\n- Star Margin: Minimum distance between stars. This margin is added to the radius of the star dots themselves\n- Max Lane Length: We start with all edges provided by Delaunay Triangles. We then remove edges longer than this maxiumum, resulting in a more pleasing set of edges\n- %Edges to Remove: After removing edges longer than the max, we additionally remove this percent of all edges randomly. This makes the structure of the edges less boring\n- Animation: Whether or not to animate the contruction of the galaxy. The animation is not great, but kind of satisfying to watch\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":251,"value":"md`## Data`","pinned":false,"hidden":false,"mode":"ojs"},{"id":116,"value":"stars = [...pointGenerator({x:width/2, y:height/2}, Math.min(height, width) / 6, starRadius * 2 + starMargin, numStars, Math.min(width/2, height/2))]","pinned":false,"hidden":false,"mode":"ojs"},{"id":120,"value":"triangles = new delaunator(stars, p => p.x, p => p.y).triangles","pinned":true,"hidden":false,"mode":"ojs"},{"id":195,"value":"md`## Helpers`","pinned":false,"hidden":false,"mode":"ojs"},{"id":48,"value":"function distance(a, b) {\n return Math.sqrt((a.x - b.x)**2 + (a.y - b.y)**2)\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":7,"value":"function generatePoint(origin, sigma, maxDistanceFromOrigin) {\n let point = {x:d3.randomNormal(origin.x, sigma)(), y:d3.randomNormal(origin.y, sigma)()}\n if (distance(point, origin) > maxDistanceFromOrigin) {\n point = generatePoint(origin, sigma, maxDistanceFromOrigin)\n }\n return point\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":25,"value":"function shouldRemoveFromCircle(point, origin, radius) {\n let pointRadius = distance(point, origin);\n return pointRadius < radius;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":43,"value":"function* pointGenerator(origin, sigma, minDistance, amount, maxDistanceFromOrigin) {\n let points = [];\n nextPoint: while (points.length < amount) {\n \n let point = generatePoint(origin, sigma)\n if (shouldRemoveFromCircle(point, origin, coreRadius, maxDistanceFromOrigin)) {\n continue nextPoint;\n }\n for (let otherPoint of points) {\n if (distance(point, otherPoint) < minDistance) {\n continue nextPoint\n } \n }\n points.push(point)\n yield point\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":69,"value":"md`## Constants`","pinned":false,"hidden":false,"mode":"ojs"},{"id":71,"value":"height = Math.min(600, width)","pinned":false,"hidden":false,"mode":"ojs"},{"id":156,"value":"starRadius = 4","pinned":false,"hidden":false,"mode":"ojs"},{"id":39,"value":"md`## Dependencies`","pinned":false,"hidden":false,"mode":"ojs"},{"id":142,"value":"import {Range, Toggle} from \"@observablehq/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":35,"value":"delaunator = require(\"delaunator@1\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}