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 cvs = require("canvas");
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;
}
// checks if the given +canvas+ has any pixel that is not fully opaque
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;
}
// resize the +src+ canvas by +scale+
// returns a new canvas
function resize(src, scale) {
var dst = cvs.createCanvas();
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;
}
// get a rectangular part of the +src+ canvas
// the returned canvas is scaled by factor +scale+
function getPart(src, x, y, width, height, scale) {
var dst = cvs.createCanvas();
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;
}
// flip the +src+ canvas horizontally
function flip(src) {
var dst = cvs.createCanvas();
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;
}
// skew for isometric perspective
var skew_a = 26 / 45; // 0.57777777
var skew_b = skew_a * 2; // 1.15555555
// renders a player model with the given skin +img+ and +scale+
// +overlay+ - wether the extra skin layer is rendered
// +is_body+ - false for head only
// +slim+ - wether the player has a slim skin model
// callback: error, image buffer
exp.draw_model = function(rid, img, scale, overlay, is_body, slim, callback) {
var canvas = cvs.createCanvas();
canvas.width = scale * 20;
canvas.height = scale * (is_body ? 45.1 : 18.5);
var ctx = canvas.getContext("2d");
cvs.loadImage(img).then((skin) => {
var old_skin = skin.height === 32;
var arm_width = slim ? 3 : 4;
/* eslint-disable no-multi-spaces */
var head_top = resize(removeTransparency(getPart(skin, 8, 0, 8, 8, 1)), scale);
var head_front = resize(removeTransparency(getPart(skin, 8, 8, 8, 8, 1)), scale);
var head_right = resize(removeTransparency(getPart(skin, 0, 8, 8, 8, 1)), scale);
var arm_right_top = resize(removeTransparency(getPart(skin, 44, 16, arm_width, 4, 1)), scale);
var arm_right_front = resize(removeTransparency(getPart(skin, 44, 20, arm_width, 12, 1)), scale);
var arm_right_side = resize(removeTransparency(getPart(skin, 40, 20, 4, 12, 1)), scale);
var arm_left_top = old_skin ? flip(arm_right_top) : resize(removeTransparency(getPart(skin, 36, 48, arm_width, 4, 1)), scale);
var arm_left_front = old_skin ? flip(arm_right_front) : resize(removeTransparency(getPart(skin, 36, 52, arm_width, 12, 1)), scale);
var leg_right_front = resize(removeTransparency(getPart(skin, 4, 20, 4, 12, 1)), scale);
var leg_right_side = resize(removeTransparency(getPart(skin, 0, 20, 4, 12, 1)), scale);
var leg_left_front = old_skin ? flip(leg_right_front) : resize(removeTransparency(getPart(skin, 20, 52, 4, 12, 1)), scale);
var body_front = resize(removeTransparency(getPart(skin, 20, 20, 8, 12, 1)), scale);
/* eslint-enable no-multi-spaces */
if (overlay) {
if (hasTransparency(getPart(skin, 32, 0, 32, 32, 1))) {
// render head overlay
head_top.getContext("2d").drawImage(getPart(skin, 40, 0, 8, 8, scale), 0, 0);
head_front.getContext("2d").drawImage(getPart(skin, 40, 8, 8, 8, scale), 0, 0);
head_right.getContext("2d").drawImage(getPart(skin, 32, 8, 8, 8, scale), 0, 0);
}
if (!old_skin) {
// See #117
// if MC-89760 gets fixed, we can (probably) simply check the whole skin for transparency
/* eslint-disable no-multi-spaces */
var body_region = getPart(skin, 16, 32, 32, 16, 1);
var right_arm_region = getPart(skin, 48, 48, 16, 16, 1);
var left_arm_region = getPart(skin, 40, 32, 16, 16, 1);
var right_leg_region = getPart(skin, 0, 32, 16, 16, 1);
var left_leg_region = getPart(skin, 0, 48, 16, 16, 1);
/* eslint-enable no-multi-spaces */
if (hasTransparency(body_region)) {
// render body overlay
body_front.getContext("2d").drawImage(getPart(skin, 20, 36, 8, 12, scale), 0, 0);
}
if (hasTransparency(right_arm_region)) {
// render right arm overlay
arm_right_top.getContext("2d").drawImage(getPart(skin, 44, 32, arm_width, 4, scale), 0, 0);
arm_right_front.getContext("2d").drawImage(getPart(skin, 44, 36, arm_width, 12, scale), 0, 0);
arm_right_side.getContext("2d").drawImage(getPart(skin, 40, 36, 4, 12, scale), 0, 0);
}
if (hasTransparency(left_arm_region)) {
// render left arm overlay
arm_left_top.getContext("2d").drawImage(getPart(skin, 36 + 16, 48, arm_width, 4, scale), 0, 0);
arm_left_front.getContext("2d").drawImage(getPart(skin, 36 + 16, 52, arm_width, 12, scale), 0, 0);
}
if (hasTransparency(right_leg_region)) {
// render right leg overlay
leg_right_front.getContext("2d").drawImage(getPart(skin, 4, 36, 4, 12, scale), 0, 0);
leg_right_side.getContext("2d").drawImage(getPart(skin, 0, 36, 4, 12, scale), 0, 0);
}
if (hasTransparency(left_leg_region)) {
// render left leg overlay
leg_left_front.getContext("2d").drawImage(getPart(skin, 4, 52, 4, 12, scale), 0, 0);
}
}
}
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 = cvs.createCanvas();
front.width = scale * 16;
front.height = scale * 24;
var frontc = front.getContext("2d");
frontc.patternQuality = "fast";
frontc.drawImage(arm_right_front, (4 - arm_width) * scale, 0 * scale, arm_width * scale, 12 * scale);
frontc.drawImage(arm_left_front, 12 * scale, 0 * scale, arm_width * scale, 12 * scale);
frontc.drawImage(body_front, 4 * scale, 0 * scale, 8 * scale, 12 * scale);
frontc.drawImage(leg_right_front, 4 * scale, 12 * scale, 4 * scale, 12 * scale);
frontc.drawImage(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(arm_right_top, y - z - 0.5, x + z, arm_right_top.width + 1, arm_right_top.height + 1);
y = scale * 8;
ctx.drawImage(arm_left_top, y - z, x + z, arm_left_top.width, arm_left_top.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(leg_right_side, x + y, z - y, leg_right_side.width, leg_right_side.height);
x = x_offset + scale * 2;
y = scale * -arm_width;
z = z_offset + scale * 8;
ctx.drawImage(arm_right_side, x + y, z - y - 0.5, arm_right_side.width, arm_right_side.height + 1);
// 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);
}
// head top
x = x_offset;
y = -0.5;
z = z_offset;
ctx.setTransform(1, -skew_a, 1, skew_a, 0, 0);
ctx.drawImage(head_top, y - z, x + z, head_top.width, head_top.height + 1);
// 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(head_front, y + x, x + z, head_front.width, head_front.height);
// head right
x = x_offset;
y = 0;
z = z_offset;
ctx.setTransform(1, skew_a, 0, skew_b, 0, 0);
ctx.drawImage(head_right, x + y, z - y - 0.5, head_right.width + 0.5, head_right.height + 1);
canvas.toBuffer(function(err, buf) {
if (err) {
logging.error(rid, "error creating buffer:", err);
}
callback(err, buf);
});
});
};
// helper method to open a render from +renderpath+
// callback: error, image buffer
exp.open_render = function(rid, renderpath, callback) {
fs.readFile(renderpath, callback);
};
module.exports = exp;