@wiicamp/react-minecraft-skin-viewer/dist/index.modern.js

Minecraft skin viewer for ReactJS

import React from 'react';
import { SkinViewer, createOrbitControls, WalkingAnimation } from 'skinview3d';

var defaultProps = {
  walk: false,
  control: true
};
var MinecraftSkinViewer = function MinecraftSkinViewer(_ref) {
  var skin = _ref.skin,
      width = _ref.width,
      height = _ref.height,
      walk = _ref.walk,
      control = _ref.control,
      background = _ref.background;
  var canvas = React.useRef(null);
  React.useLayoutEffect(function () {
    var skinViewer = new SkinViewer({
      skin: skin,
      width: width,
      height: height,
      background: background,
      canvas: canvas.current
    });
    var viewerControl;

    if (control) {
      viewerControl = createOrbitControls(skinViewer);
      viewerControl.enablePan = false;
      viewerControl.enableZoom = true;
      viewerControl.enableRotate = true;
    }

    if (walk) {
      skinViewer.animations.add(WalkingAnimation);
    }

    return function () {
      if (control) {
        viewerControl.dispose();
      }

      skinViewer.dispose();
    };
  }, [skin, width, height, control, walk, background]);
  return React.createElement("canvas", {
    ref: canvas
  });
};
MinecraftSkinViewer.defaultProps = defaultProps;

export { MinecraftSkinViewer, defaultProps };
//# sourceMappingURL=index.modern.js.map