Skip to content
Three.js powered Minecraft skin viewer.
TypeScript JavaScript
Branch: master
Clone or download
Latest commit 788d21a Sep 11, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github/workflows Rename job Sep 11, 2019
examples Change filename to the correct one Aug 16, 2018
src Fix style May 2, 2019
test
.editorconfig Working transpiling via "npm run buildtest" command Jul 21, 2018
.gitignore Move output to "dist" directory Aug 1, 2018
LICENSE It's 2019 now. May 6, 2019
README.md Replace badge (close #36) Sep 11, 2019
karma.conf.js ChromeHeadless was timing out in my development environment so change… Jul 29, 2018
package-lock.json 1.2.0-alpha.1 Oct 20, 2018
package.json
rollup.config.js Fix filename of bundled file Aug 16, 2018
tsconfig.json
tslint.json

README.md

skinview3d

npm license Gitter chat

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"
	});

	// Change the textures
	skinViewer.skinUrl = "img/skin2.png";
	skinViewer.capeUrl = "img/cape2.png";

	// Resize the skin viewer
	skinViewer.width = 300;
	skinViewer.height = 400;

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

	skinViewer.animation = new skinview3d.CompositeAnimation();

	// Add an animation
	let walk = skinViewer.animation.add(skinview3d.WalkingAnimation);
	// Add another animation
	let rotate = skinViewer.animation.add(skinview3d.RotatingAnimation);
	// Remove an animation, stop walking dude
	walk.remove();
	// And run for now!
	let run = skinViewer.animation.add(skinview3d.RunningAnimation);

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

Build

npm run build

You can’t perform that action at this time.