Function init

js/script.js:814–859

()

const shellNames = Object.keys(shellTypes);

function init() {
	// Remove loading state
	document.querySelector(".loading-init").remove();
	appNodes.stageContainer.classList.remove("remove");

	// Populate dropdowns
	function setOptionsForSelect(node, options) {
		node.innerHTML = options.reduce((acc, opt) => (acc += `<option value="${opt.value}">${opt.label}</option>`), "");
	}

	// shell type
	let options = "";
	shellNames.forEach((opt) => (options += `<option value="${opt}">${opt}</option>`));
	appNodes.shellType.innerHTML = options;
	// shell size
	options = "";
	['3"', '4"', '6"', '8"', '12"', '16"'].forEach((opt, i) => (options += `<option value="${i}">${opt}</option>`));
	appNodes.shellSize.innerHTML = options;

	setOptionsForSelect(appNodes.quality, [
		{ label: "低", value: QUALITY_LOW },
		{ label: "正常", value: QUALITY_NORMAL },
		{ label: "高", value: QUALITY_HIGH },
	]);

	setOptionsForSelect(appNodes.skyLighting, [
		{ label: "不", value: SKY_LIGHT_NONE },
		{ label: "暗", value: SKY_LIGHT_DIM },
		{ label: "正常", value: SKY_LIGHT_NORMAL },
	]);

	// 0.9 is mobile default
	setOptionsForSelect(
		appNodes.scaleFactor,
		[0.5, 0.62, 0.75, 0.9, 1.0, 1.5, 2.0].map((value) => ({ value: value.toFixed(2), label: `${value * 100}%` }))
	);

	// Begin simulation
	togglePause(false);

	// initial render
	renderApp(store.state);

	// Apply initial config
	configDidUpdate();
}

function fitShellPositionInBoundsH(position) {
	const edge = 0.18;