bs-community / Skinview3d
Licence: mit
Three.js powered Minecraft skin viewer.
Stars: ✭ 154
Programming Languages
typescript
32286 projects
Labels
Projects that are alternatives of or similar to Skinview3d
Docker Spigot
A docker container with spigot, builds spigot.jar on first start
Stars: ✭ 137 (-11.04%)
Mutual labels: minecraft
Tickthreading
[not yet functional] Multi-threaded minecraft. Performance over correctness. What could go wrong?
Stars: ✭ 141 (-8.44%)
Mutual labels: minecraft
Lagmonitor
Monitor performance of your Minecraft server. Similar to VisualVM and Java Mission Control.
Stars: ✭ 147 (-4.55%)
Mutual labels: minecraft
Nuclearcraft
NuclearCraft - Mod for Minecraft 1.7.10 - 1.12.2
Stars: ✭ 138 (-10.39%)
Mutual labels: minecraft
Viabackwards
Allows the connection of older clients to newer server versions for Minecraft servers.
Stars: ✭ 135 (-12.34%)
Mutual labels: minecraft
Dragonfly
Minecraft (Bedrock Edition) server software written in Go
Stars: ✭ 148 (-3.9%)
Mutual labels: minecraft
Thaumictinkerer
A Spiritual Successor to the Elemental Tinkerer mod. This time Thaumcraft flavoured.
Stars: ✭ 141 (-8.44%)
Mutual labels: minecraft
Protocol
A protocol library for Minecraft Bedrock Edition
Stars: ✭ 147 (-4.55%)
Mutual labels: minecraft
Mcreator
MCreator is a software used to make Minecraft Java Edition mods, Bedrock Edition Add-Ons, and data packs using visual graphical programming or integrated IDE. It is used worldwide by Minecraft players, aspiring mod developers, for education, online classes, and STEM workshops.
Stars: ✭ 139 (-9.74%)
Mutual labels: minecraft
Oraxen
Oraxen is a minecraft plugin that allows to easily use Minecraft 1.14 features in order to create new items with custom textures. It handles the resourcepack generation, upload (using Polymath), is fully open source and has an extensible API.
Stars: ✭ 133 (-13.64%)
Mutual labels: minecraft
Mineflayer
Create Minecraft bots with a powerful, stable, and high level JavaScript API.
Stars: ✭ 2,377 (+1443.51%)
Mutual labels: minecraft
Baubles
A mod api that adds 7 bauble slots to the players inventory.
Stars: ✭ 143 (-7.14%)
Mutual labels: minecraft
Advanced Achievements
🎆 Popular plugin that adds unique and challenging achievements to Minecraft servers.
Stars: ✭ 151 (-1.95%)
Mutual labels: minecraft
Minecraft 3d Default
A Minecraft default-look resourcepack with 3D models.
Stars: ✭ 148 (-3.9%)
Mutual labels: minecraft
Papyruscs
PapyrusCS renders maps of Minecraft: Bedrock Edition worlds using C#, LevelDB and leaflet.
Stars: ✭ 146 (-5.19%)
Mutual labels: minecraft
skinview3d
Three.js powered Minecraft skin viewer.
Features
- 1.8 Skins
- HD Skins
- Capes
- Elytras
- Slim Arms
- Automatic model detection (Slim / Default)
Usage
<canvas id="skin_container"></canvas>
<script>
let skinViewer = new skinview3d.SkinViewer({
canvas: document.getElementById("skin_container"),
width: 300,
height: 400,
skin: "img/skin.png"
});
// Change viewer size
skinViewer.width = 600;
skinViewer.height = 800;
// Load another skin
skinViewer.loadSkin("img/skin2.png");
// Load a cape
skinViewer.loadCape("img/cape.png");
// Load a elytra (from a cape texture)
skinViewer.loadCape("img/cape.png", { backEquipment: "elytra" });
// Unload(hide) the cape / elytra
skinViewer.loadCape(null);
// 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>
Anti-aliasing
skinview3d supports FXAA (fast approximate anti-aliasing).
To enable it, you need to replace SkinViewer
with FXAASkinViewer
.
It's recommended to use an opaque background when FXAA is enabled, as transparent background may look buggy.
let skinViewer = new skinview3d.FXAASkinViewer({
// we do not use transparent background, so disable alpha to improve performance
alpha: false,
...
});
// set the background color
skinViewer.renderer.setClearColor(0x5a76f3);
Build
npm run build
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].