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(document.getElementById("skin_container"));

	// Set viewer size
	skinViewer.width = 300;
	skinViewer.height = 400;

	// Load skin & cape
	skinViewer.loadSkinFrom("img/skin.png");
	skinViewer.loadCapeFrom("img/cape.png");

	// Hide the cape
	skinViewer.playerObject.cape.visible = false;

	// Control objects with your mouse!
	let control = skinview3d.createOrbitControls(skinViewer);
	control.enableRotate = true;
	control.enableZoom = false;
	control.enablePan = false;

	// Add an animation
	let walk = skinViewer.animations.add(skinview3d.WalkingAnimation);
	// Add another animation
	let rotate = skinViewer.animations.add(skinview3d.RotatingAnimation);
	// Remove an animation, stop walking dude
	walk.remove();
	// Remove the rotating animation, and make the player face forward
	rotate.resetAndRemove();
	// And run for now!
	let run = skinViewer.animations.add(skinview3d.RunningAnimation);

	// Set the speed of an animation
	run.speed = 3;
	// Pause single animation
	run.paused = true;
	// Pause all animations!
	skinViewer.animations.paused = true;
</script>

Build

npm run build