crafatar/lib/renders.js

// Skin locations are based on the work of Confuser, with 1.8 updates by Jake0oo0
// https://github.com/confuser/serverless-mc-skin-viewer
// Permission to use & distribute https://github.com/confuser/serverless-mc-skin-viewer/blob/master/LICENSE

var logging = require("./logging");
var fs = require("fs");
var Canvas = require("canvas");
var Image = Canvas.Image;
var exp = {};

// set alpha values to 255
function removeTransparency(canvas) {
  var ctx = canvas.getContext("2d");
  var imagedata = ctx.getImageData(0, 0, canvas.width, canvas.height);
  var data = imagedata.data;
  // data is [r,g,b,a, r,g,b,a, *]
  for (var i = 0; i < data.length; i += 4) {
    // usually we would have to check for alpha = 0
    // and set color to black here
    // but node-canvas already does that for us

    // remove transparency
    data[i + 3] = 255;
  }
  ctx.putImageData(imagedata, 0, 0);
  return canvas;
}

function hasTransparency(canvas) {
  var ctx = canvas.getContext("2d");
  var imageData = ctx.getImageData(0, 0, canvas.width, canvas.height).data;
  for (var i = 3; i < imageData.length; i += 4) {
    if (imageData[i] < 255) {
      // found pixel with translucent alpha value
      return true;
    }
  }
  return false;
}

function resize(src, scale) {
  var dst = new Canvas();
  dst.width = scale * src.width;
  dst.height = scale * src.height;
  var context = dst.getContext("2d");

  // don't blur on resize
  context.patternQuality = "fast";

  context.drawImage(src, 0, 0, src.width * scale, src.height * scale);
  return dst;
}

function getPart(src, x, y, width, height, scale) {
  var dst = new Canvas();
  dst.width = scale * width;
  dst.height = scale * height;
  var context = dst.getContext("2d");

  // don't blur on resize
  context.patternQuality = "fast";

  context.drawImage(src, x, y, width, height, 0, 0, width * scale, height * scale);
  return dst;
}

function flip(src) {
  var dst = new Canvas();
  dst.width = src.width;
  dst.height = src.height;
  var context = dst.getContext("2d");
  context.scale(-1, 1);
  context.drawImage(src, -src.width, 0);
  return dst;
}

var skew_a = 26 / 45;    // 0.57777777
var skew_b = skew_a * 2; // 1.15555555

exp.draw_model = function(rid, img, scale, overlay, is_body, callback) {
  var canvas = new Canvas();
  canvas.width = scale * 20;
  canvas.height = scale * (is_body ? 45.1 : 18.5);

  var ctx = canvas.getContext("2d");
  var skin = new Image();

  skin.onload = function() {
    var old_skin = skin.height === 32;
    var arm_width = 4;

    var parts = {
      head: {
        front: resize(removeTransparency(getPart(skin, 8, 8, 8, 8, 1)), scale),
        right: resize(removeTransparency(getPart(skin, 0, 8, 8, 8, 1)), scale),
        top: resize(removeTransparency(getPart(skin, 8, 0, 8, 8, 1)), scale),
      },
      arm: {
        right: {
          front: resize(removeTransparency(getPart(skin, 44, 20, arm_width, 12, 1)), scale),
          side: resize(removeTransparency(getPart(skin, 40, 20, 4, 12, 1)), scale),
        },
        left: {
          front: null,
        },
      },
      leg: {
        right: {
          front: resize(removeTransparency(getPart(skin, 4, 20, 4, 12, 1)), scale),
          side: resize(removeTransparency(getPart(skin, 0, 20, 4, 12, 1)), scale),
        },
        left: {
          front: null,
        }
      },
      shoulder: {
        right: resize(removeTransparency(getPart(skin, 44, 16, arm_width, 4, 1)), scale),
        left: null,
      },
      body: resize(removeTransparency(getPart(skin, 20, 20, 8, 12, 1)), scale),
    };
    var overlays = {
      head: {},
      arm: {right: {}, left: {}},
      leg: {right: {}, left: {}},
      shoulder: {},
      body: {},
    };

    // overlays
    var render_head = overlay && hasTransparency(getPart(skin, 32, 0, 32, 32, 1));
    var render_body;
    var render_rleg;
    var render_lleg;
    var render_larm;
    var render_rarm;

    // head overlay is shifted 32px right
    overlays.head.front = overlay && render_head && getPart(skin, 8 + 32, 8, 8, 8, scale);
    overlays.head.right = overlay && render_head && getPart(skin, 0 + 32, 8, 8, 8, scale);
    overlays.head.top = overlay && render_head && getPart(skin, 8 + 32, 0, 8, 8, scale);

    if ( old_skin) {
      parts.arm.left.front = flip(parts.arm.right.front);
      parts.leg.left.front = flip(parts.leg.right.front);
      parts.shoulder.left = flip(parts.shoulder.right);
    } else {
      // 1.8 skin - has separate left/right arms & legs
      parts.arm.left.front = resize(removeTransparency(getPart(skin, 36, 52, arm_width, 12, 1)), scale);
      parts.leg.left.front = resize(removeTransparency(getPart(skin, 20, 52, 4, 12, 1)), scale);
      parts.shoulder.left = resize(removeTransparency(getPart(skin, 36, 48, arm_width, 4, 1)), scale);

      // See #117
      // if MC-89760 gets fixed, we can (probably) simply check the whole skin for transparency
      render_body = overlay && hasTransparency(getPart(skin, 16, 32, 32, 16, 1));
      render_rleg = overlay && hasTransparency(getPart(skin, 0, 32, 16, 16, 1));
      render_lleg = overlay && hasTransparency(getPart(skin, 0, 48, 16, 16, 1));
      render_larm = overlay && hasTransparency(getPart(skin, 40, 32, 16, 16, 1));
      render_rarm = overlay && hasTransparency(getPart(skin, 48, 48, 16, 16, 1));

      // body overlay is shifted 16px down
      overlays.body.front = render_body && getPart(skin, 20, 20 + 16, 8, 12, scale);

      // right arm overlay is shifted 16px down
      overlays.arm.right.front = render_rarm && getPart(skin, 44, 20 + 16, arm_width, 12, scale);
      overlays.arm.right.side = render_rarm && getPart(skin, 40, 20 + 16, 4, 12, scale);
      overlays.shoulder.right = render_rarm && getPart(skin, 44, 16 + 16, arm_width, 4, scale);

      // left arm overlay is shifted 16px right
      overlays.arm.left.front = render_larm && getPart(skin, 36 + 16, 52, arm_width, 12, scale);
      overlays.shoulder.left = render_larm && getPart(skin, 36 + 16, 48, arm_width, 4, scale);

      // right leg overlay is shifted 16px down
      overlays.leg.right.front = render_rleg && getPart(skin, 4, 20 + 16, 4, 12, scale);
      overlays.leg.right.side = render_rleg && getPart(skin, 0, 20 + 16, 4, 12, scale);
      // left leg overlay is shifted 16px left
      overlays.leg.left.front = render_lleg && getPart(skin, 20 - 16, 52, 4, 12, scale);
    }

    var x = 0;
    var y = 0;
    var z = 0;

    var z_offset = scale * 3;
    var x_offset = scale * 2;

    if (is_body) {
      // pre-render front onto separate canvas
      var front = new Canvas();
      front.width = scale * 16;
      front.height = scale * 24;
      var frontc = front.getContext("2d");
      frontc.patternQuality = "fast";

      frontc.drawImage(parts.arm.right.front, (4 - arm_width) * scale, 0 * scale, arm_width * scale, 12 * scale);
      frontc.drawImage(parts.arm.left.front, 12 * scale, 0 * scale, arm_width * scale, 12 * scale);
      frontc.drawImage(parts.body, 4 * scale, 0 * scale, 8 * scale, 12 * scale);
      frontc.drawImage(parts.leg.right.front, 4 * scale, 12 * scale, 4 * scale, 12 * scale);
      frontc.drawImage(parts.leg.left.front, 8 * scale, 12 * scale, 4 * scale, 12 * scale);

      // front overlay
      var fronto = new Canvas();
      if (!old_skin) {
        // pre-render front overlay onto separate canvas
        fronto.width = scale * 16;
        fronto.height = scale * 24;
        var frontoc = fronto.getContext("2d");
        frontoc.patternQuality = "fast";

        if (render_rarm) {
          frontoc.drawImage(overlays.arm.right.front, (4 - arm_width) * scale, 0 * scale, arm_width * scale, 12 * scale + 1);
        }
        if (render_larm) {
          frontoc.drawImage(overlays.arm.left.front, 12 * scale, 0 * scale, arm_width * scale, 12 * scale + 1);
        }
        if (render_body) {
          frontoc.drawImage(overlays.body.front, 4 * scale, 0 * scale, 8 * scale, 12 * scale);
        }
        if (render_rleg) {
          frontoc.drawImage(overlays.leg.right.front, 4 * scale, 12 * scale, 4 * scale, 12 * scale);
        }
        if (render_lleg) {
          frontoc.drawImage(overlays.leg.left.front, 8 * scale, 12 * scale, 4 * scale, 12 * scale);
        }
      }


      // top
      x = x_offset + scale * 2;
      y = scale * -arm_width;
      z = z_offset + scale * 8;
      ctx.setTransform(1, -skew_a, 1, skew_a, 0, 0);
      ctx.drawImage(parts.shoulder.right, y - z - 0.5, x + z, parts.shoulder.right.width + 1, parts.shoulder.right.height + 1);
      if (render_rarm) {
        x -= 1;
        ctx.drawImage(overlays.shoulder.right, y - z, x + z, overlays.shoulder.right.width + 2, overlays.shoulder.right.height + 2);
      }

      y = scale * 8;
      ctx.drawImage(parts.shoulder.left, y - z, x + z, parts.shoulder.left.width, parts.shoulder.left.height + 1);
      if (render_larm) {
        console.log(overlays.shoulder.left);
        z += 0.5;
        ctx.drawImage(overlays.shoulder.left, y - z, x + z, overlays.shoulder.left.width + 1, overlays.shoulder.left.height + 1);
      }

      // right side
      ctx.setTransform(1, skew_a, 0, skew_b, 0, 0);
      x = x_offset + scale * 2;
      y = 0;
      z = z_offset + scale * 20;
      ctx.drawImage(parts.leg.right.side, x + y, z - y, parts.leg.right.side.width, parts.leg.right.side.height);
      if (render_rleg) {
        ctx.drawImage(overlays.leg.right.side, x + y, z - y, overlays.leg.right.side.width, overlays.leg.right.side.height + 0.5);
      }

      x = x_offset + scale * 2;
      y = scale * -arm_width;
      z = z_offset + scale * 8;
      ctx.drawImage(parts.arm.right.side, x + y, z - y - 0.5, parts.arm.right.side.width, parts.arm.right.side.height + 1);
      if (render_rarm) {
        z -= 1;
        ctx.drawImage(overlays.arm.right.side, x + y, z - y, overlays.arm.right.side.width, overlays.arm.right.side.height + 2);
      }

      // front
      z = z_offset + scale * 12;
      y = 0;
      ctx.setTransform(1, -skew_a, 0, skew_b, 0, skew_a);
      ctx.drawImage(front, y + x, x + z - 0.5, front.width, front.height);
      if (!old_skin) {
        ctx.drawImage(fronto, y + x, x + z - 1, fronto.width, fronto.height + 1);
      }
    }

    // head top
    x = x_offset;
    y = -0.5;
    z = z_offset;
    ctx.setTransform(1, -skew_a, 1, skew_a, 0, 0);
    ctx.drawImage(parts.head.top, y - z, x + z, parts.head.top.width, parts.head.top.height + 1);
    if (render_head) {
      x -= 0.5;
      z -= 0.5;
      ctx.drawImage(overlays.head.top, y - z, x + z, overlays.head.top.width + 0.5, overlays.head.top.height + 1.5);
    }

    // head front
    x = x_offset + 8 * scale;
    y = 0;
    z = z_offset - 0.5;
    ctx.setTransform(1, -skew_a, 0, skew_b, 0, skew_a);
    ctx.drawImage(parts.head.front, y + x, x + z, parts.head.front.width, parts.head.front.height);
    if (render_head) {
      z -= 1;
      ctx.drawImage(overlays.head.front, y + x, x + z, overlays.head.front.width, overlays.head.front.height + 2);
    }

    // head right
    x = x_offset;
    y = 0;
    z = z_offset;
    ctx.setTransform(1, skew_a, 0, skew_b, 0, 0);
    ctx.drawImage(parts.head.right, x + y, z - y - 0.5, parts.head.right.width, parts.head.right.height + 1);
    if (render_head) {
      z -= 1;
      ctx.drawImage(overlays.head.right, x + y, z - y - 0.5, overlays.head.right.width, overlays.head.right.height + 3);
    }

    canvas.toBuffer(function(err, buf) {
      if (err) {
        logging.error(rid, "error creating buffer:", err);
      }
      callback(err, buf);
    });
  };

  skin.src = img;
};

// helper method to open a render from +renderpath+
// callback: error, image buffer
exp.open_render = function(rid, renderpath, callback) {
  fs.readFile(renderpath, function(err, buf) {
    if (err) {
      logging.error(rid, "error while opening skin file:", err);
    }
    callback(err, buf);
  });
};

module.exports = exp;