Ubujira
/
skinview3d
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add type def to utils.ts

This commit is contained in:
yushijinhun 2018-08-16 20:04:42 +08:00
parent 0545117c51
commit 58cb2e705a
No known key found for this signature in database
GPG Key ID: 5BC167F73EA558E4
1 changed files with 11 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/utils.ts
View File

@ -1,4 +1,4 @@
function copyImage(context, sX, sY, w, h, dX, dY, flipHorizontal) { function copyImage(context: CanvasRenderingContext2D, sX: number, sY: number, w: number, h: number, dX: number, dY: number, flipHorizontal: boolean) {
const imgData = context.getImageData(sX, sY, w, h); const imgData = context.getImageData(sX, sY, w, h);
if (flipHorizontal) { if (flipHorizontal) {
for (let y = 0; y < h; y++) { for (let y = 0; y < h; y++) {
@ -30,7 +30,7 @@ function copyImage(context, sX, sY, w, h, dX, dY, flipHorizontal) {
context.putImageData(imgData, dX, dY); context.putImageData(imgData, dX, dY);
} }
function hasTransparency(context, x0, y0, w, h) { function hasTransparency(context: CanvasRenderingContext2D, x0: number, y0: number, w: number, h: number) {
const imgData = context.getImageData(x0, y0, w, h); const imgData = context.getImageData(x0, y0, w, h);
for (let x = 0; x < w; x++) { for (let x = 0; x < w; x++) {
for (let y = 0; y < h; y++) { for (let y = 0; y < h; y++) {
@ -43,11 +43,11 @@ function hasTransparency(context, x0, y0, w, h) {
return false; return false;
} }
function computeSkinScale(width) { function computeSkinScale(width: number) {
return width / 64.0; return width / 64.0;
} }
function fixOpaqueSkin(context, width) { function fixOpaqueSkin(context: CanvasRenderingContext2D, width: number) {
// Some ancient skins don't have transparent pixels (nor have helm). // Some ancient skins don't have transparent pixels (nor have helm).
// We have to make the helm area transparent, otherwise it will be rendered as black. // We have to make the helm area transparent, otherwise it will be rendered as black.
if (!hasTransparency(context, 0, 0, width, width / 2)) { if (!hasTransparency(context, 0, 0, width, width / 2)) {
@ -62,7 +62,7 @@ function fixOpaqueSkin(context, width) {
} }
} }
function convertSkinTo1_8(context, width) { function convertSkinTo1_8(context: CanvasRenderingContext2D, width: number) {
const scale = computeSkinScale(width); const scale = computeSkinScale(width);
const copySkin = (sX, sY, w, h, dX, dY, flipHorizontal) => copyImage(context, sX * scale, sY * scale, w * scale, h * scale, dX * scale, dY * scale, flipHorizontal); const copySkin = (sX, sY, w, h, dX, dY, flipHorizontal) => copyImage(context, sX * scale, sY * scale, w * scale, h * scale, dX * scale, dY * scale, flipHorizontal);
@ -82,7 +82,7 @@ function convertSkinTo1_8(context, width) {
copySkin(52, 20, 4, 12, 44, 52, true); // Back Arm copySkin(52, 20, 4, 12, 44, 52, true); // Back Arm
} }
export function loadSkinToCanvas(canvas, image) { export function loadSkinToCanvas(canvas: HTMLCanvasElement, image: HTMLImageElement) {
let isOldFormat = false; let isOldFormat = false;
if (image.width !== image.height) { if (image.width !== image.height) {
if (image.width === 2 * image.height) { if (image.width === 2 * image.height) {
@ -92,7 +92,7 @@ export function loadSkinToCanvas(canvas, image) {
} }
} }
const context = canvas.getContext("2d"); const context = canvas.getContext("2d")!;
if (isOldFormat) { if (isOldFormat) {
const sideLength = image.width; const sideLength = image.width;
canvas.width = sideLength; canvas.width = sideLength;
@ -108,7 +108,7 @@ export function loadSkinToCanvas(canvas, image) {
} }
} }
export function loadCapeToCanvas(canvas, image) { export function loadCapeToCanvas(canvas: HTMLCanvasElement, image: HTMLImageElement) {
let isOldFormat = false; let isOldFormat = false;
if (image.width !== 2 * image.height) { if (image.width !== 2 * image.height) {
if (image.width * 17 === image.height * 22) { if (image.width * 17 === image.height * 22) {
@ -119,7 +119,7 @@ export function loadCapeToCanvas(canvas, image) {
} }
} }
const context = canvas.getContext("2d"); const context = canvas.getContext("2d")!;
if (isOldFormat) { if (isOldFormat) {
const width = image.width * 64 / 22; const width = image.width * 64 / 22;
canvas.width = width; canvas.width = width;
@ -132,7 +132,7 @@ export function loadCapeToCanvas(canvas, image) {
context.drawImage(image, 0, 0, image.width, image.height); context.drawImage(image, 0, 0, image.width, image.height);
} }
export function isSlimSkin(canvasOrImage) { export function isSlimSkin(canvasOrImage: HTMLCanvasElement | HTMLImageElement) {
// Detects whether the skin is default or slim. // Detects whether the skin is default or slim.
// //
// The right arm area of *default* skins: // The right arm area of *default* skins:
@ -177,7 +177,7 @@ export function isSlimSkin(canvasOrImage) {
if (canvasOrImage instanceof HTMLCanvasElement) { if (canvasOrImage instanceof HTMLCanvasElement) {
const canvas = canvasOrImage; const canvas = canvasOrImage;
const scale = computeSkinScale(canvas.width); const scale = computeSkinScale(canvas.width);
const context = canvas.getContext("2d"); const context = canvas.getContext("2d")!;
const checkArea = (x, y, w, h) => hasTransparency(context, x * scale, y * scale, w * scale, h * scale); const checkArea = (x, y, w, h) => hasTransparency(context, x * scale, y * scale, w * scale, h * scale);
return checkArea(50, 16, 2, 4) || return checkArea(50, 16, 2, 4) ||
checkArea(54, 20, 2, 12) || checkArea(54, 20, 2, 12) ||
@ -188,7 +188,5 @@ export function isSlimSkin(canvasOrImage) {
const canvas = document.createElement("canvas"); const canvas = document.createElement("canvas");
loadSkinToCanvas(canvas, image); loadSkinToCanvas(canvas, image);
return isSlimSkin(canvas); return isSlimSkin(canvas);
} else {
throw new Error(`Illegal argument: ${canvasOrImage}`);
} }
} }