skinview3d
Three.js powered Minecraft skin viewer.
Features
- 1.8 Skins
- HD Skins
- Capes
- Slim Arms
- Automatic model detection (Slim / Default)
Usage
Examples of using the viewer
<div id="skin_container"></div>
<script>
let skinViewer = new skinview3d.SkinViewer({
domElement: document.getElementById("skin_container"),
width: 600,
height: 600,
skinUrl: "img/skin.png",
capeUrl: "img/cape.png"
});
skinViewer.skinUrl = "img/skin2.png";
skinViewer.capeUrl = "img/cape2.png";
skinViewer.width = 300;
skinViewer.height = 400;
let control = skinview3d.createOrbitControls(skinViewer);
control.enableRotate = true;
control.enableZoom = false;
control.enablePan = false;
skinViewer.animation = new skinview3d.CompositeAnimation();
let walk = skinViewer.animation.add(skinview3d.WalkingAnimation);
let rotate = skinViewer.animation.add(skinview3d.RotatingAnimation);
walk.remove();
let run = skinViewer.animation.add(skinview3d.RunningAnimation);
run.speed = 3;
run.paused = true;
skinViewer.animationPaused = true;
</script>
Build
npm run build