spaceloop1/js/viewer/stages/mining-outpost.js

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: () => { },
});