mirror of
https://github.com/azures04/crafatar.git
synced 2026-03-21 23:41:18 +01:00
260 lines
9.4 KiB
JavaScript
260 lines
9.4 KiB
JavaScript
// 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; |