stages.push({ id: "mining-outpost", setup: () => { }, update: (delta) => { }, draw: (context, delta) => { let radius = Math.min(canvas.width, canvas.height); context.fillStyle = "grey"; context.beginPath(); context.arc(0, 0, radius / 2, 0, 2 * Math.PI); context.fill(); context.fillStyle = "cornflowerblue"; context.beginPath(); context.arc(0, 0, (radius / 2) - 10, 0, (1 / 6) * Math.PI); context.lineTo(0, 0); context.fill(); for (let i = 1; i < 13; i++) { context.strokeStype = "black"; context.beginPath(); context.moveTo(0, 0); context.arc(0, 0, (radius / 2) - 10, ((i - 1) / 6) * Math.PI, (i / 6) * Math.PI); context.lineTo(0, 0); context.stroke(); } context.font = `${Math.floor(canvas.width / 30)}px Orbitron`; context.textAlign = "center"; context.fillStyle = "white"; context.fillText(`Docking Bay`, radius / 4, radius / 8); }, cleanup: () => { }, });