minecraft-launcher-registration/public/js/skin3d.js

window.onload = async function() {
	if (document.getElementById("cape")) {
    	document.getElementById("cape").addEventListener("click", () => { set_cape_type("cape") }, false);
    	document.getElementById("cape").checked = true;
	} 
	if (document.getElementById("elytra")) {
		document.getElementById("elytra").addEventListener("click", () => { set_cape_type("elytra") }, false );  
		document.getElementById("elytra").checked = false;
	}

	const username = await (await (fetch("/api/getUsername"))).text();

	let skinViewer = new skinview3d.SkinViewer({
	    canvas: document.getElementById("skin_container"),
	    width: 300,
	    height: 400,
	    skin: `https://launcher.foxarmy.org/skins/${username}.png`,
	    cape: `https://launcher.foxarmy.org/cloaks/${username}.png`
	});
	
	skinViewer.nameTag = username;
	skinViewer.loadPanorama("images/panorama.jpeg");
	skinViewer.fov = 120;
	skinViewer.zoom = 0.65;
	skinViewer.autoRotate = true;
	
	function set_cape_type(type) {
	    skinViewer.loadCape(`https://launcher.foxarmy.org/cloaks/${username}.png`, { backEquipment: type });
	}
}