added async to onload function

This commit is contained in:
leca 2025-01-23 20:56:44 +03:00
parent 1af97a4db3
commit 4a69dc452d
4 changed files with 230 additions and 45 deletions

79
patch Normal file
View File

@ -0,0 +1,79 @@
diff --git a/public/js/skin3d.js b/public/js/skin3d.js
index 84807bb..1bb120e 100644
--- a/public/js/skin3d.js
+++ b/public/js/skin3d.js
@@ -1,52 +1,29 @@
-window.onload = function() {
+window.onload = async function() {
document.getElementById("cape").addEventListener("click", () => { set_cape_type("cape") }, false);
document.getElementById("cape").checked = true;
document.getElementById("elytra").addEventListener("click", () => { set_cape_type("elytra") }, false );
document.getElementById("elytra").checked = false;
-}
-
-
-const username = await(await fetch("/api/getUsername")).json();
-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.width = 300;
-skinViewer.height = 400;
-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 });
+ 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.width = 300;
+ skinViewer.height = 400;
+ 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 });
+ }
}
-
-
-
-// onload = () => {
-// alert(1);
-// // document.getElementById("cape").addEventListener("click", () => { set_cape_type("cape") }, false);
-// // document.getElementById("elytra").addEventListener("click", () => { set_cape_type("elytra") }, false );
-// document.getElementById("cape").addEventListener("click", a, false);
-// document.getElementById("elytra").addEventListener("click", a, false );
-
-
-// }
-
-
-
-// function set_cape_type_elytra() {
-// alert(2)
-// skinViewer.loadCape(`https://launcher.foxarmy.org/cloaks/${username}.png`, { backEquipment: "elytra" });
-// }
-
-// skinViewer.animation = new skinview3d.WalkingAnimation();
-// skinViewer.animation.speed = 3;
-// skinViewer.animation.paused = true;

View File

@ -1,52 +1,29 @@
window.onload = function() { window.onload = async function() {
document.getElementById("cape").addEventListener("click", () => { set_cape_type("cape") }, false); document.getElementById("cape").addEventListener("click", () => { set_cape_type("cape") }, false);
document.getElementById("cape").checked = true; document.getElementById("cape").checked = true;
document.getElementById("elytra").addEventListener("click", () => { set_cape_type("elytra") }, false ); document.getElementById("elytra").addEventListener("click", () => { set_cape_type("elytra") }, false );
document.getElementById("elytra").checked = false; document.getElementById("elytra").checked = false;
}
const username = await(await fetch("/api/getUsername")).json(); const username = await (await (fetch("/api/getUsername"))).text();
let skinViewer = new skinview3d.SkinViewer({ let skinViewer = new skinview3d.SkinViewer({
canvas: document.getElementById("skin_container"), canvas: document.getElementById("skin_container"),
width: 300, width: 300,
height: 400, height: 400,
skin: `https://launcher.foxarmy.org/skins/${username}.png`, skin: `https://launcher.foxarmy.org/skins/${username}.png`,
cape: `https://launcher.foxarmy.org/cloaks/${username}.png` cape: `https://launcher.foxarmy.org/cloaks/${username}.png`
}); });
skinViewer.width = 300; skinViewer.width = 300;
skinViewer.height = 400; skinViewer.height = 400;
skinViewer.nameTag = username; skinViewer.nameTag = username;
skinViewer.loadPanorama("images/panorama.jpeg"); skinViewer.loadPanorama("images/panorama.jpeg");
skinViewer.fov = 120; skinViewer.fov = 120;
skinViewer.zoom = 0.65; skinViewer.zoom = 0.65;
skinViewer.autoRotate = true; skinViewer.autoRotate = true;
function set_cape_type(type) { function set_cape_type(type) {
skinViewer.loadCape(`https://launcher.foxarmy.org/cloaks/${username}.png`, { backEquipment: type }); skinViewer.loadCape(`https://launcher.foxarmy.org/cloaks/${username}.png`, { backEquipment: type });
} }
}
// onload = () => {
// alert(1);
// // document.getElementById("cape").addEventListener("click", () => { set_cape_type("cape") }, false);
// // document.getElementById("elytra").addEventListener("click", () => { set_cape_type("elytra") }, false );
// document.getElementById("cape").addEventListener("click", a, false);
// document.getElementById("elytra").addEventListener("click", a, false );
// }
// function set_cape_type_elytra() {
// alert(2)
// skinViewer.loadCape(`https://launcher.foxarmy.org/cloaks/${username}.png`, { backEquipment: "elytra" });
// }
// skinViewer.animation = new skinview3d.WalkingAnimation();
// skinViewer.animation.speed = 3;
// skinViewer.animation.paused = true;

52
public/js/skin3d.js.orig Normal file
View File

@ -0,0 +1,52 @@
window.onload = function() {
document.getElementById("cape").addEventListener("click", () => { set_cape_type("cape") }, false);
document.getElementById("cape").checked = true;
document.getElementById("elytra").addEventListener("click", () => { set_cape_type("elytra") }, false );
document.getElementById("elytra").checked = false;
}
const username = await(await fetch("/api/getUsername")).json();
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.width = 300;
skinViewer.height = 400;
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 });
}
// onload = () => {
// alert(1);
// // document.getElementById("cape").addEventListener("click", () => { set_cape_type("cape") }, false);
// // document.getElementById("elytra").addEventListener("click", () => { set_cape_type("elytra") }, false );
// document.getElementById("cape").addEventListener("click", a, false);
// document.getElementById("elytra").addEventListener("click", a, false );
// }
// function set_cape_type_elytra() {
// alert(2)
// skinViewer.loadCape(`https://launcher.foxarmy.org/cloaks/${username}.png`, { backEquipment: "elytra" });
// }
// skinViewer.animation = new skinview3d.WalkingAnimation();
// skinViewer.animation.speed = 3;
// skinViewer.animation.paused = true;

77
public/js/skin3d.js.rej Normal file
View File

@ -0,0 +1,77 @@
--- skin3d.js
+++ skin3d.js
@@ -1,52 +1,29 @@
-window.onload = function() {
+window.onload = async function() {
document.getElementById("cape").addEventListener("click", () => { set_cape_type("cape") }, false);
document.getElementById("cape").checked = true;
document.getElementById("elytra").addEventListener("click", () => { set_cape_type("elytra") }, false );
document.getElementById("elytra").checked = false;
-}
-
-
-const username = await(await fetch("/api/getUsername")).json();
-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.width = 300;
-skinViewer.height = 400;
-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 });
+ 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.width = 300;
+ skinViewer.height = 400;
+ 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 });
+ }
}
-
-
-
-// onload = () => {
-// alert(1);
-// // document.getElementById("cape").addEventListener("click", () => { set_cape_type("cape") }, false);
-// // document.getElementById("elytra").addEventListener("click", () => { set_cape_type("elytra") }, false );
-// document.getElementById("cape").addEventListener("click", a, false);
-// document.getElementById("elytra").addEventListener("click", a, false );
-
-
-// }
-
-
-
-// function set_cape_type_elytra() {
-// alert(2)
-// skinViewer.loadCape(`https://launcher.foxarmy.org/cloaks/${username}.png`, { backEquipment: "elytra" });
-// }
-
-// skinViewer.animation = new skinview3d.WalkingAnimation();
-// skinViewer.animation.speed = 3;
-// skinViewer.animation.paused = true;