mirror of
https://github.com/sehugg/8bitworkshop.git
synced 2024-06-09 15:29:29 +00:00
456 lines
15 KiB
JavaScript
456 lines
15 KiB
JavaScript
"use strict";
|
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
if (k2 === undefined) k2 = k;
|
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
}
|
|
Object.defineProperty(o, k2, desc);
|
|
}) : (function(o, m, k, k2) {
|
|
if (k2 === undefined) k2 = k;
|
|
o[k2] = m[k];
|
|
}));
|
|
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
}) : function(o, v) {
|
|
o["default"] = v;
|
|
});
|
|
var __importStar = (this && this.__importStar) || function (mod) {
|
|
if (mod && mod.__esModule) return mod;
|
|
var result = {};
|
|
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
__setModuleDefault(result, mod);
|
|
return result;
|
|
};
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
exports.convertWordsToImages = exports.font = exports.png = exports.montage = exports.analyze = exports.decode = exports.indexed = exports.rgba = exports.IndexedBitmap = exports.MappedBitmap = exports.RGBABitmap = exports.AbstractBitmap = void 0;
|
|
// TODO: dynamic import
|
|
const fastpng = __importStar(require("fast-png"));
|
|
const color_1 = require("./color");
|
|
const io = __importStar(require("./io"));
|
|
const color = __importStar(require("./color"));
|
|
const util_1 = require("../../util");
|
|
class AbstractBitmap {
|
|
constructor(width, height) {
|
|
this.width = width;
|
|
this.height = height;
|
|
this.style = {}; // CSS styles (TODO: other elements?)
|
|
}
|
|
inbounds(x, y) {
|
|
return (x >= 0 && x < this.width && y >= 0 && y < this.height);
|
|
}
|
|
assign(fn) {
|
|
if (typeof fn === 'function') {
|
|
for (let y = 0; y < this.height; y++) {
|
|
for (let x = 0; x < this.width; x++) {
|
|
this.set(x, y, fn(x, y));
|
|
}
|
|
}
|
|
}
|
|
else if (fn && fn['length'] != null) {
|
|
this.setarray(fn);
|
|
}
|
|
else {
|
|
throw new Error(`Illegal argument to assign(): ${fn}`);
|
|
}
|
|
}
|
|
clone() {
|
|
let bmp = this.blank(this.width, this.height);
|
|
bmp.assign((x, y) => this.get(x, y));
|
|
return bmp;
|
|
}
|
|
crop(srcx, srcy, width, height) {
|
|
let dest = this.blank(width, height);
|
|
dest.assign((x, y) => this.get(x + srcx, y + srcy));
|
|
return dest;
|
|
}
|
|
blit(src, destx, desty, srcx, srcy) {
|
|
destx |= 0;
|
|
desty |= 0;
|
|
srcx |= 0;
|
|
srcy |= 0;
|
|
for (var y = 0; y < src.height; y++) {
|
|
for (var x = 0; x < src.width; x++) {
|
|
let rgba = src.getrgba(x + srcx, y + srcy);
|
|
this.set(x + destx, y + desty, rgba);
|
|
}
|
|
}
|
|
}
|
|
fill(destx, desty, width, height, value) {
|
|
for (var y = 0; y < height; y++) {
|
|
for (var x = 0; x < width; x++) {
|
|
this.set(x + destx, y + desty, value);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
exports.AbstractBitmap = AbstractBitmap;
|
|
class RGBABitmap extends AbstractBitmap {
|
|
constructor(width, height, initial) {
|
|
super(width, height);
|
|
this.rgba = new Uint32Array(this.width * this.height);
|
|
if (initial)
|
|
this.assign(initial);
|
|
}
|
|
setarray(arr) {
|
|
this.rgba.set(arr);
|
|
}
|
|
set(x, y, rgba) {
|
|
if (this.inbounds(x, y))
|
|
this.rgba[y * this.width + x] = rgba;
|
|
}
|
|
get(x, y) {
|
|
return this.inbounds(x, y) ? this.rgba[y * this.width + x] : 0;
|
|
}
|
|
getrgba(x, y) {
|
|
return this.get(x, y);
|
|
}
|
|
blank(width, height) {
|
|
return new RGBABitmap(width || this.width, height || this.height);
|
|
}
|
|
clone() {
|
|
let bitmap = this.blank(this.width, this.height);
|
|
bitmap.rgba.set(this.rgba);
|
|
return bitmap;
|
|
}
|
|
}
|
|
exports.RGBABitmap = RGBABitmap;
|
|
class MappedBitmap extends AbstractBitmap {
|
|
constructor(width, height, bpp, initial) {
|
|
super(width, height);
|
|
this.bpp = bpp;
|
|
if (bpp != 1 && bpp != 2 && bpp != 4 && bpp != 8)
|
|
throw new Error(`Invalid bits per pixel: ${bpp}`);
|
|
this.pixels = new Uint8Array(this.width * this.height);
|
|
if (initial)
|
|
this.assign(initial);
|
|
}
|
|
setarray(arr) {
|
|
this.pixels.set(arr);
|
|
}
|
|
set(x, y, index) {
|
|
if (this.inbounds(x, y))
|
|
this.pixels[y * this.width + x] = index;
|
|
}
|
|
get(x, y) {
|
|
return this.inbounds(x, y) ? this.pixels[y * this.width + x] : 0;
|
|
}
|
|
}
|
|
exports.MappedBitmap = MappedBitmap;
|
|
function getbpp(x) {
|
|
if (typeof x === 'number')
|
|
return x;
|
|
if (x instanceof color_1.Palette) {
|
|
if (x.colors.length <= 2)
|
|
return 1;
|
|
else if (x.colors.length <= 4)
|
|
return 2;
|
|
else if (x.colors.length <= 16)
|
|
return 4;
|
|
}
|
|
return 8;
|
|
}
|
|
class IndexedBitmap extends MappedBitmap {
|
|
constructor(width, height, bppOrPalette, initial) {
|
|
super(width, height, getbpp(bppOrPalette), initial);
|
|
this.palette = bppOrPalette instanceof color_1.Palette
|
|
? bppOrPalette
|
|
: color.palette.colors(1 << this.bpp);
|
|
}
|
|
getrgba(x, y) {
|
|
return this.palette && this.palette.colors[this.get(x, y)];
|
|
}
|
|
blank(width, height, newPalette) {
|
|
let bitmap = new IndexedBitmap(width || this.width, height || this.height, newPalette || this.palette);
|
|
return bitmap;
|
|
}
|
|
clone() {
|
|
let bitmap = this.blank(this.width, this.height);
|
|
bitmap.pixels.set(this.pixels);
|
|
return bitmap;
|
|
}
|
|
}
|
|
exports.IndexedBitmap = IndexedBitmap;
|
|
function rgba(width, height, initial) {
|
|
return new RGBABitmap(width, height, initial);
|
|
}
|
|
exports.rgba = rgba;
|
|
function indexed(width, height, bpp, initial) {
|
|
return new IndexedBitmap(width, height, bpp, initial);
|
|
}
|
|
exports.indexed = indexed;
|
|
// TODO: check arguments
|
|
function decode(arr, fmt) {
|
|
var pixels = convertWordsToImages(arr, fmt);
|
|
// TODO: guess if missing w/h/count?
|
|
// TODO: reverse mapping
|
|
// TODO: maybe better composable functions
|
|
let bpp = (fmt.bpp || 1) * (fmt.np || 1);
|
|
return pixels.map(data => new IndexedBitmap(fmt.w, fmt.h, bpp, data));
|
|
}
|
|
exports.decode = decode;
|
|
function analyze(bitmaps) {
|
|
bitmaps = (0, util_1.coerceToArray)(bitmaps);
|
|
let r = { min: { w: 0, h: 0 }, max: { w: 0, h: 0 } };
|
|
for (let bmp of bitmaps) {
|
|
if (!(bmp instanceof AbstractBitmap))
|
|
return null;
|
|
r.min.w = Math.min(bmp.width);
|
|
r.max.w = Math.max(bmp.width);
|
|
r.min.h = Math.min(bmp.height);
|
|
r.max.h = Math.max(bmp.height);
|
|
}
|
|
return r;
|
|
}
|
|
exports.analyze = analyze;
|
|
function montage(bitmaps, options) {
|
|
bitmaps = (0, util_1.coerceToArray)(bitmaps);
|
|
let minmax = (options && options.analysis) || analyze(bitmaps);
|
|
if (minmax == null)
|
|
throw new Error(`Expected an array of bitmaps`);
|
|
let hitrects = [];
|
|
let aspect = (options && options.aspect) || 1;
|
|
let gap = (options && options.gap) || 0;
|
|
if (minmax.min.w == minmax.max.w && minmax.min.h == minmax.max.h) {
|
|
let totalPixels = minmax.min.w * minmax.min.h * bitmaps.length;
|
|
let factors = (0, util_1.findIntegerFactors)(totalPixels, minmax.max.w, minmax.max.h, aspect);
|
|
let columns = Math.ceil(factors.a / minmax.min.w); // TODO: rounding?
|
|
let rows = Math.ceil(factors.b / minmax.min.h);
|
|
let result = new RGBABitmap(factors.a + gap * (columns - 1), factors.b + gap * (rows - 1));
|
|
let x = 0;
|
|
let y = 0;
|
|
bitmaps.forEach((bmp) => {
|
|
result.blit(bmp, x, y, 0, 0);
|
|
hitrects.push({ x, y, w: bmp.width, h: bmp.height });
|
|
x += bmp.width + gap;
|
|
if (x >= result.width) {
|
|
x = 0;
|
|
y += bmp.height + gap;
|
|
}
|
|
});
|
|
return result;
|
|
}
|
|
else {
|
|
throw new Error(`combine() only supports uniformly-sized images right now`); // TODO
|
|
}
|
|
}
|
|
exports.montage = montage;
|
|
/////
|
|
var png;
|
|
(function (png_1) {
|
|
function read(url) {
|
|
return decode(io.readbin(url));
|
|
}
|
|
png_1.read = read;
|
|
function decode(data) {
|
|
let png = fastpng.decode(data);
|
|
return convertToBitmap(png);
|
|
}
|
|
png_1.decode = decode;
|
|
function convertToBitmap(png) {
|
|
if (png.palette && png.depth <= 8) {
|
|
return convertIndexedToBitmap(png);
|
|
}
|
|
else {
|
|
return convertRGBAToBitmap(png);
|
|
}
|
|
}
|
|
function convertIndexedToBitmap(png) {
|
|
var palarr = png.palette;
|
|
var palette = new color_1.Palette(palarr);
|
|
let bitmap = new IndexedBitmap(png.width, png.height, png.depth);
|
|
if (png.depth == 8) {
|
|
bitmap.pixels.set(png.data);
|
|
}
|
|
else {
|
|
let pixperbyte = Math.floor(8 / png.depth);
|
|
let mask = (1 << png.depth) - 1;
|
|
for (let i = 0; i < bitmap.pixels.length; i++) {
|
|
var bofs = (i % pixperbyte) * png.depth;
|
|
let val = png.data[Math.floor(i / pixperbyte)];
|
|
bitmap.pixels[i] = (val >> bofs) & mask;
|
|
}
|
|
}
|
|
bitmap.palette = palette;
|
|
// TODO: aspect etc
|
|
return bitmap;
|
|
}
|
|
function convertRGBAToBitmap(png) {
|
|
const bitmap = new RGBABitmap(png.width, png.height);
|
|
const rgba = [0, 0, 0, 0];
|
|
for (let i = 0; i < bitmap.rgba.length; i++) {
|
|
for (let j = 0; j < 4; j++)
|
|
rgba[j] = png.data[i * 4 + j];
|
|
bitmap.rgba[i] = color.rgba(rgba);
|
|
}
|
|
// TODO: aspect etc
|
|
return bitmap;
|
|
}
|
|
})(png || (exports.png = png = {}));
|
|
var font;
|
|
(function (font) {
|
|
class Glyph extends IndexedBitmap {
|
|
constructor(width, height, bpp, code, yoffset) {
|
|
super(width, height, bpp);
|
|
this.code = code;
|
|
this.yoffset = yoffset;
|
|
}
|
|
}
|
|
function read(url) {
|
|
if (url.endsWith('.yaff'))
|
|
return decodeyafflines(io.readlines(url));
|
|
if (url.endsWith('.draw'))
|
|
return decodedrawlines(io.readlines(url));
|
|
throw new Error(`Can't figure out font format for "${url}"`);
|
|
}
|
|
font.read = read;
|
|
function decodeglyph(glines, curcode, yoffset) {
|
|
let width = 0;
|
|
for (var gline of glines)
|
|
width = Math.max(width, gline.length);
|
|
let g = new Glyph(width, glines.length, 1, curcode, yoffset);
|
|
for (var y = 0; y < glines.length; y++) {
|
|
let gline = glines[y];
|
|
for (var x = 0; x < gline.length; x++) {
|
|
let ch = gline[x];
|
|
g.set(x, y, ch === '@' || ch === '#' ? 1 : 0); // TODO: provide mapping
|
|
}
|
|
}
|
|
return g;
|
|
}
|
|
font.decodeglyph = decodeglyph;
|
|
// https://github.com/robhagemans/monobit
|
|
function decodeyafflines(lines) {
|
|
let maxheight = 0;
|
|
let properties = {};
|
|
let glyphs = {};
|
|
let yoffset = 0;
|
|
let curcode = -1;
|
|
let curglyph = [];
|
|
const re_prop = /^([\w-]+):\s+(.+)/i;
|
|
const re_label = /^0x([0-9a-f]+):|u[+]([0-9a-f]+):|(\w+):/i;
|
|
const re_gline = /^\s+([.@]+)/;
|
|
function addfont() {
|
|
if (curcode >= 0 && curglyph.length) {
|
|
glyphs[curcode] = decodeglyph(curglyph, curcode, yoffset);
|
|
curcode = -1;
|
|
curglyph = [];
|
|
}
|
|
}
|
|
for (let line of lines) {
|
|
let m;
|
|
if (m = re_prop.exec(line)) {
|
|
properties[m[1]] = m[2];
|
|
if (m[1] === 'bottom')
|
|
yoffset = parseInt(m[2]);
|
|
if (m[1] === 'size')
|
|
maxheight = parseInt(m[2]);
|
|
}
|
|
else if (m = re_label.exec(line)) {
|
|
addfont();
|
|
if (m[1] != null)
|
|
curcode = parseInt(m[1], 16);
|
|
else if (m[2] != null)
|
|
curcode = parseInt(m[2], 16);
|
|
else if (m[3] != null)
|
|
curcode = null; // text labels not supported
|
|
}
|
|
else if (m = re_gline.exec(line)) {
|
|
curglyph.push(m[1]);
|
|
}
|
|
if (isNaN(curcode + yoffset + maxheight))
|
|
throw new Error(`couldn't decode .yaff: ${JSON.stringify(line)}`);
|
|
}
|
|
addfont();
|
|
return { maxheight, properties, glyphs };
|
|
}
|
|
font.decodeyafflines = decodeyafflines;
|
|
// https://github.com/robhagemans/monobit
|
|
function decodedrawlines(lines) {
|
|
let maxheight = 0;
|
|
let properties = {};
|
|
let glyphs = {};
|
|
let curcode = -1;
|
|
let curglyph = [];
|
|
const re_gline = /^([0-9a-f]+)?[:]?\s*([-#]+)/i;
|
|
function addfont() {
|
|
if (curcode >= 0 && curglyph.length) {
|
|
glyphs[curcode] = decodeglyph(curglyph, curcode, 0);
|
|
maxheight = Math.max(maxheight, curglyph.length);
|
|
curcode = -1;
|
|
curglyph = [];
|
|
}
|
|
}
|
|
for (let line of lines) {
|
|
let m;
|
|
if (m = re_gline.exec(line)) {
|
|
if (m[1] != null) {
|
|
addfont();
|
|
curcode = parseInt(m[1], 16);
|
|
if (isNaN(curcode))
|
|
throw new Error(`couldn't decode .draw: ${JSON.stringify(line)}`);
|
|
}
|
|
curglyph.push(m[2]);
|
|
}
|
|
}
|
|
addfont();
|
|
return { maxheight, properties, glyphs };
|
|
}
|
|
font.decodedrawlines = decodedrawlines;
|
|
})(font || (exports.font = font = {}));
|
|
function remapBits(x, arr) {
|
|
if (!arr)
|
|
return x;
|
|
var y = 0;
|
|
for (var i = 0; i < arr.length; i++) {
|
|
var s = arr[i];
|
|
if (s < 0) {
|
|
s = -s - 1;
|
|
y ^= 1 << s;
|
|
}
|
|
if (x & (1 << i)) {
|
|
y ^= 1 << s;
|
|
}
|
|
}
|
|
return y;
|
|
}
|
|
function convertWordsToImages(words, fmt) {
|
|
var width = fmt.w;
|
|
var height = fmt.h;
|
|
var count = fmt.count || 1;
|
|
var bpp = fmt.bpp || 1;
|
|
var nplanes = fmt.np || 1;
|
|
var bitsperword = fmt.bpw || 8;
|
|
var wordsperline = fmt.sl || Math.ceil(width * bpp / bitsperword);
|
|
var mask = (1 << bpp) - 1;
|
|
var pofs = fmt.pofs || wordsperline * height * count;
|
|
var skip = fmt.skip || 0;
|
|
var images = [];
|
|
for (var n = 0; n < count; n++) {
|
|
var imgdata = [];
|
|
for (var y = 0; y < height; y++) {
|
|
var yp = fmt.flip ? height - 1 - y : y;
|
|
var ofs0 = n * wordsperline * height + yp * wordsperline;
|
|
var shift = 0;
|
|
for (var x = 0; x < width; x++) {
|
|
var color = 0;
|
|
var ofs = remapBits(ofs0, fmt.remap);
|
|
// TODO: if (fmt.reindex) { [ofs, shift] = reindexMask(x, fmt.reindex); ofs += ofs0; }
|
|
for (var p = 0; p < nplanes; p++) {
|
|
var byte = words[ofs + p * pofs + skip];
|
|
color |= ((fmt.brev ? byte >> (bitsperword - shift - bpp) : byte >> shift) & mask) << (p * bpp);
|
|
}
|
|
imgdata.push(color);
|
|
shift += bpp;
|
|
if (shift >= bitsperword && !fmt.reindex) {
|
|
ofs0 += 1;
|
|
shift = 0;
|
|
}
|
|
}
|
|
}
|
|
images.push(new Uint8Array(imgdata));
|
|
}
|
|
return images;
|
|
}
|
|
exports.convertWordsToImages = convertWordsToImages;
|
|
//# sourceMappingURL=bitmap.js.map
|