Mifos Minecraft skin

This commit is contained in:
TheErrorExe 2025-03-09 03:19:17 +01:00
parent efa6097ce3
commit d5b7f6eca4
2 changed files with 76 additions and 2 deletions

View File

@ -14,11 +14,14 @@ THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR I
<!--
This Website was developed by TheErrorExe for Blockattack. TheErrorExe is and will be a Copyright Holder of this Software.
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
integrity="sha256-NGC9JEuTWN4GhTj091wctgjzftr+8WNDmw0H8J5YPYE="
-->
<!DOCTYPE html>
<html lang="de">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/94/three.min.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/gh/InventivetalentDev/MineRender@1.4.6/dist/skin.min.js"></script>
<head>
<!-- Google tag (gtag.js) -->
@ -177,6 +180,7 @@ This Website was developed by TheErrorExe for Blockattack. TheErrorExe is and wi
href="https://www.youtube.com/@DrMifo">Dr. Mifo auf YouTube</a>
<a href="/drmifo/#streamingplan">Streamingplan</a>
</div>
<iframe src="/mifoskin.html" frameborder="0" width="300" height="400"></iframe>
</section>
<script>

70
mifoskin.html Normal file
View File

@ -0,0 +1,70 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DrMifo Iframe</title>
<style>
body, html {
margin: 0;
overflow: hidden;
}
canvas {
width: 100%;
height: 100%;
filter: drop-shadow(5px 5px 5px #222);
}
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/94/three.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/InventivetalentDev/MineRender@1.4.6/dist/skin.min.js"></script>
</head>
<body>
<h1><pre>Mifos Skin</pre></h1>
<script>
let skinRender;
let animate = true;
let startTime = Date.now();
function renderSkin() {
if (skinRender) skinRender.clearScene();
skinRender = new SkinRender({
autoResize: true,
render: { taa: true }
}, document.body);
skinRender.render({
username: "DrMifoYT",
capeUrl: "https://minerender.org/img/optifine_cape.png",
optifine: true
});
document.body.addEventListener("skinRender", startAnimation);
}
function startAnimation() {
requestAnimationFrame(animateModel);
}
function animateModel() {
if (!animate || !skinRender || !skinRender.playerModel) return;
let t = (Date.now() - startTime) / 1000;
let model = skinRender.playerModel.children;
model[2].rotation.x = Math.sin(t * 5) / 2;
model[3].rotation.x = -Math.sin(t * 5) / 2;
model[4].rotation.x = Math.sin(t * 5) / 2;
model[5].rotation.x = -Math.sin(t * 5) / 2;
requestAnimationFrame(animateModel);
}
renderSkin();
</script>
</body>
</html>