Make kz fully dynamic
Also fix the plank background being blurry
This commit is contained in:
parent
507659b679
commit
e00609b8bf
BIN
data-kz/assets/minecraft/textures/painting/paintings_kristoffer_zetterstrand.png
(Stored with Git LFS)
BIN
data-kz/assets/minecraft/textures/painting/paintings_kristoffer_zetterstrand.png
(Stored with Git LFS)
Binary file not shown.
@ -192,3 +192,62 @@ async function createFrame(colors: number[], percent: number, width: number, hei
|
|||||||
limitInputPixels: false
|
limitInputPixels: false
|
||||||
}).composite(parts).png().toBuffer();
|
}).composite(parts).png().toBuffer();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export const rgb = (hex: number) => ({ r: (hex >> 16) & 0xFF, g: (hex >> 8) & 0xFF, b: hex & 0xFF });
|
||||||
|
const kzBorderColor = rgb(0x6B3F7F)
|
||||||
|
const kzFillColor = rgb(0xD67FFF);
|
||||||
|
const plankSize = 4;
|
||||||
|
// the things I do to not have to make this a file
|
||||||
|
const plank = Buffer.from("iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAB3RJTUUH6AUfFCAKmCc95gAAATJJREFUKM9lUsFqwzAMlSXFXRYIYQRy6GX/tq/Zh/ZQGKUEOi9WpOyg1jWpL1Gen+X3/BS+vz6TCDxW2zQAoGZZ1et6JRF0UiSab1skUrMkklV9O4k4omZ+hv2TVfsuOC8SAQAh+paazbdtGu6/fLos9wrD4+a1aFht8+J0WZzAx4/Dq4ck0jZNEgEI820b+7sQQmRnF1TNXIyaubaxB5cKAKDK3rIdntTiyhtNQ2wrnM/XXGvd+Vlt25nkaYg19XzNfRdKGkV6yYFrxwAwDVHNPDhHXFWhcds0u05PiwCRaOyfD5BV+XzNq22urzjZZVLjew9VAlDdwz/z6kz0UfG3KsGVAStK+i74RDEhtojQiXetJ5QQk0gkotccAIBCWNQAlgPhosaYH1HI75+9v6F7+AdOcdbDy169/gAAAABJRU5ErkJggg==", "base64");
|
||||||
|
export async function makeKZ(squareSize: number, gridSize = 16) {
|
||||||
|
const kzBorderSize = squareSize * 0.0625;
|
||||||
|
const kzPlank = await sharp(plank).resize(squareSize, squareSize).toBuffer();
|
||||||
|
const plankStart = gridSize - plankSize;
|
||||||
|
const kzParts: OverlayOptions[] = [];
|
||||||
|
// i = top to bottom
|
||||||
|
// j = left to right
|
||||||
|
for (let i = 0; i < gridSize; i++) {
|
||||||
|
for (let j = 0; j < gridSize; j++) {
|
||||||
|
if (i < plankSize && j >= plankStart) {
|
||||||
|
kzParts.push({
|
||||||
|
input: kzPlank,
|
||||||
|
top: squareSize * i,
|
||||||
|
left: squareSize * j
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
kzParts.push({
|
||||||
|
input: {
|
||||||
|
create: {
|
||||||
|
width: kzBorderSize,
|
||||||
|
height: squareSize,
|
||||||
|
channels: 3,
|
||||||
|
background: kzBorderColor
|
||||||
|
}
|
||||||
|
},
|
||||||
|
top: squareSize * i,
|
||||||
|
left: squareSize * j
|
||||||
|
},{
|
||||||
|
input: {
|
||||||
|
create: {
|
||||||
|
width: squareSize,
|
||||||
|
height: kzBorderSize,
|
||||||
|
channels: 3,
|
||||||
|
background: kzBorderColor
|
||||||
|
}
|
||||||
|
},
|
||||||
|
top: squareSize * i,
|
||||||
|
left: squareSize * j
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return sharp({
|
||||||
|
create: {
|
||||||
|
width: squareSize * 16,
|
||||||
|
height: squareSize * 16,
|
||||||
|
channels: 3,
|
||||||
|
background: kzFillColor
|
||||||
|
},
|
||||||
|
limitInputPixels: false
|
||||||
|
}).composite(kzParts).png().toBuffer();
|
||||||
|
}
|
||||||
|
@ -1,9 +1,9 @@
|
|||||||
import type { PathLike } from "fs";
|
import type { PathLike } from "fs";
|
||||||
import { access } from "fs/promises";
|
import { access } from "fs/promises";
|
||||||
import { dirname, resolve } from "path";
|
import { dirname, resolve } from "path";
|
||||||
import sharp from "sharp";
|
import sharp, { type OverlayOptions } from "sharp";
|
||||||
import { parseArgs } from "util";
|
import { parseArgs } from "util";
|
||||||
import { formatImage } from "./common";
|
import { formatImage, makeKZ } from "./common";
|
||||||
import { readFile } from "fs/promises";
|
import { readFile } from "fs/promises";
|
||||||
import { writeFile } from "fs/promises";
|
import { writeFile } from "fs/promises";
|
||||||
import { rm } from "fs/promises";
|
import { rm } from "fs/promises";
|
||||||
@ -34,10 +34,6 @@ const { values: args } = parseArgs({
|
|||||||
short: "k",
|
short: "k",
|
||||||
default: "data-kz"
|
default: "data-kz"
|
||||||
},
|
},
|
||||||
kzfile: {
|
|
||||||
type: "string",
|
|
||||||
default: "kz.png"
|
|
||||||
},
|
|
||||||
throw: {
|
throw: {
|
||||||
type: "boolean",
|
type: "boolean",
|
||||||
short: "t",
|
short: "t",
|
||||||
@ -52,7 +48,6 @@ const dirExists = async(path: PathLike) => access(path).then(() => true, () => f
|
|||||||
const imagesPath = resolve(args.images ?? "images.json");
|
const imagesPath = resolve(args.images ?? "images.json");
|
||||||
const imageDir = resolve(args.imagedir ?? dirname(imagesPath));
|
const imageDir = resolve(args.imagedir ?? dirname(imagesPath));
|
||||||
const outDir = resolve(args.outdir ?? "data");
|
const outDir = resolve(args.outdir ?? "data");
|
||||||
const kzFile = resolve(args.kzfile ?? "frames/kz.png");
|
|
||||||
const kzOutDir = resolve(args.kzoutdir ?? "data-kz");
|
const kzOutDir = resolve(args.kzoutdir ?? "data-kz");
|
||||||
const framePercent = 0.03125;
|
const framePercent = 0.03125;
|
||||||
const frameColors = [0xA47627, 0xA45226, 0x944421, 0xAC581D, 0x8C341C, 0xAC641D, 0xAB6C25, 0xA44424, 0xAC572C, 0xAC4C24, 0xA87824];
|
const frameColors = [0xA47627, 0xA45226, 0x944421, 0xAC581D, 0x8C341C, 0xAC641D, 0xAB6C25, 0xA44424, 0xAC572C, 0xAC4C24, 0xA87824];
|
||||||
@ -62,12 +57,8 @@ if (!await dirExists(imageDir)) {
|
|||||||
process.exit(1);
|
process.exit(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
if (!await Bun.file(kzFile).exists()) {
|
|
||||||
console.error("Kz file %s does not exist.", kzFile);
|
|
||||||
process.exit(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
const ap = (p: string) => resolve(p, "assets/minecraft/textures/painting");
|
const ap = (p: string) => resolve(p, "assets/minecraft/textures/painting");
|
||||||
|
// const ap = (p: string) => resolve(p, "../img");
|
||||||
await rm(`${outDir}/assets`, { recursive: true, force: true });
|
await rm(`${outDir}/assets`, { recursive: true, force: true });
|
||||||
await rm(`${kzOutDir}/assets`, { recursive: true, force: true });
|
await rm(`${kzOutDir}/assets`, { recursive: true, force: true });
|
||||||
await mkdir(ap(outDir), { recursive: true });
|
await mkdir(ap(outDir), { recursive: true });
|
||||||
@ -90,8 +81,8 @@ interface Images {
|
|||||||
const images = await Bun.file(imagesPath).json() as Images;
|
const images = await Bun.file(imagesPath).json() as Images;
|
||||||
const [baseWidth, baseHeight] = images.sizes["1x1"];
|
const [baseWidth, baseHeight] = images.sizes["1x1"];
|
||||||
|
|
||||||
|
let kz = await makeKZ(baseWidth);
|
||||||
const kzCleanup: string[] = [];
|
const kzCleanup: string[] = [];
|
||||||
let kz = await sharp(kzFile, { limitInputPixels: false }).toBuffer();
|
|
||||||
for (const image of images.images) {
|
for (const image of images.images) {
|
||||||
let img: string | string[];
|
let img: string | string[];
|
||||||
if (await stat(`${imageDir}/${image.name}`).then(s => s.isDirectory(), () => false)) {
|
if (await stat(`${imageDir}/${image.name}`).then(s => s.isDirectory(), () => false)) {
|
||||||
|
Loading…
Reference in New Issue
Block a user