minerender 2.0.0-alpha.0 → 2.0.0-alpha.2

package/src/functions.js

@@ -1,262 +0,0 @@
-import * as debugg from "debug";
-const debug = debugg("minerender");
-
-/**
- * Default asset root
- * @type {string}
- */
-export const DEFAULT_ROOT = "https://assets.mcasset.cloud/1.13";
-/**
- * Texture cache
- * @type {Object.<string,string>}
- */
-const textureCache = {};
-/**
- * Texture callbacks
- * @type {Object.<string,function[]>}
- */
-const textureCallbacks = {};
-
-/**
- * Model cache
- * @type {Object.<string,string>}
- */
-const modelCache = {};
-/**
- * Model callbacks
- * @type {Object.<string,function[]>}
- */
-const modelCallbacks = {};
-
-
-/**
- * Loads a Mincraft texture an returns it as Base64
- *
- * @param {string} root Asset root, see {@link DEFAULT_ROOT}
- * @param {string} namespace Namespace, usually 'minecraft'
- * @param {string} dir Directory of the texture
- * @param {string} name Name of the texture
- * @returns {Promise<string>}
- */
-export function loadTextureAsBase64(root, namespace, dir, name) {
-    return new Promise((resolve, reject) => {
-        loadTexture(root, namespace, dir, name, resolve, reject);
-    })
-};
-
-/**
- * Load a texture as base64 - shouldn't be used directly
- * @see loadTextureAsBase64
- * @ignore
- */
-function loadTexture(root, namespace, dir, name, resolve, reject, forceLoad) {
-    let path = "/assets/" + namespace + "/textures" + dir + name + ".png";
-
-    if (textureCache.hasOwnProperty(path)) {
-        if (textureCache[path] === "__invalid") {
-            reject();
-            return;
-        }
-        resolve(textureCache[path]);
-        return;
-    }
-
-    if (!textureCallbacks.hasOwnProperty(path) || textureCallbacks[path].length === 0 || forceLoad) {
-        // https://gist.github.com/oliyh/db3d1a582aefe6d8fee9 / https://stackoverflow.com/questions/20035615/using-raw-image-data-from-ajax-request-for-data-uri
-        let xhr = new XMLHttpRequest();
-        xhr.open('GET', root + path, true);
-        xhr.responseType = 'arraybuffer';
-        xhr.onloadend = function () {
-            if (xhr.status === 200) {
-                let arr = new Uint8Array(xhr.response || xhr.responseText);
-                let raw = String.fromCharCode.apply(null, arr);
-                let b64 = btoa(raw);
-                let dataURL = "data:image/png;base64," + b64;
-
-                textureCache[path] = dataURL;
-
-                if (textureCallbacks.hasOwnProperty(path)) {
-                    while (textureCallbacks[path].length > 0) {
-                        let cb = textureCallbacks[path].shift(0);
-                        cb[0](dataURL);
-                    }
-                }
-            } else {
-                if (DEFAULT_ROOT === root) {
-                    textureCache[path] = "__invalid";
-
-                    if (textureCallbacks.hasOwnProperty(path)) {
-                        while (textureCallbacks[path].length > 0) {
-                            let cb = textureCallbacks[path].shift(0);
-                            cb[1]();
-                        }
-                    }
-                } else {
-                    loadTexture(DEFAULT_ROOT, namespace, dir, name, resolve, reject, true)
-                }
-            }
-        };
-        xhr.send();
-
-        // init array
-        if (!textureCallbacks.hasOwnProperty(path))
-            textureCallbacks[path] = [];
-    }
-
-    // add the promise callback
-    textureCallbacks[path].push([resolve, reject]);
-}
-
-
-/**
- * Loads a blockstate file and returns the contained JSON
- * @param {string} state Name of the blockstate
- * @param {string} assetRoot Asset root, see {@link DEFAULT_ROOT}
- * @returns {Promise<object>}
- */
-export function loadBlockState(state, assetRoot) {
-    return loadJsonFromPath(assetRoot, "/assets/minecraft/blockstates/" + state + ".json")
-};
-
-export function loadTextureMeta(texture, assetRoot) {
-    return loadJsonFromPath(assetRoot, "/assets/minecraft/textures/block/" + texture + ".png.mcmeta")
-}
-
-/**
- * Loads a model file and returns the contained JSON
- * @param {string} root Asset root, see {@link DEFAULT_ROOT}
- * @param {string} path Path to the model file
- * @returns {Promise<object>}
- */
-export function loadJsonFromPath(root, path) {
-    return new Promise((resolve, reject) => {
-        loadJsonFromPath_(root, path, resolve, reject);
-    })
-}
-
-/**
- * Load a model - shouldn't used directly
- * @see loadJsonFromPath
- * @ignore
- */
-export function loadJsonFromPath_(root, path, resolve, reject, forceLoad) {
-    if (modelCache.hasOwnProperty(path)) {
-        if (modelCache[path] === "__invalid") {
-            reject();
-            return;
-        }
-        resolve(Object.assign({}, modelCache[path]));
-        return;
-    }
-
-    if (!modelCallbacks.hasOwnProperty(path) || modelCallbacks[path].length === 0 || forceLoad) {
-        debug(root + path)
-        fetch(root + path, {
-            mode: "cors",
-            redirect: "follow"
-        })
-            .then(response => response.json())
-            .then(data => {
-                debug("json data:", data);
-                modelCache[path] = data;
-
-                if (modelCallbacks.hasOwnProperty(path)) {
-                    while (modelCallbacks[path].length > 0) {
-                        let dataCopy = Object.assign({}, data);
-                        let cb = modelCallbacks[path].shift(0);
-                        cb[0](dataCopy);
-                    }
-                }
-            })
-            .catch((err) => {
-                console.warn(err);
-                if (DEFAULT_ROOT === root) {
-                    modelCache[path] = "__invalid";
-
-                    if (modelCallbacks.hasOwnProperty(path)) {
-                        while (modelCallbacks[path].length > 0) {
-                            let cb = modelCallbacks[path].shift(0);
-                            cb[1]();
-                        }
-                    }
-                } else {
-                    // Try again with default root
-                    loadJsonFromPath_(DEFAULT_ROOT, path, resolve, reject, true);
-                }
-            });
-
-        if (!modelCallbacks.hasOwnProperty(path))
-            modelCallbacks[path] = [];
-    }
-
-    modelCallbacks[path].push([resolve, reject]);
-}
-
-/**
- * Scales UV values
- * @param {number} uv UV value
- * @param {number} size
- * @param {number} [scale=16]
- * @returns {number}
- */
-export function scaleUv(uv, size, scale) {
-    if (uv === 0) return 0;
-    return size / (scale || 16) * uv;
-}
-
-
-// https://gist.github.com/remy/784508
-export function trimCanvas(c) {
-    let ctx = c.getContext('2d'),
-        copy = document.createElement('canvas').getContext('2d'),
-        pixels = ctx.getImageData(0, 0, c.width, c.height),
-        l = pixels.data.length,
-        i,
-        bound = {
-            top: null,
-            left: null,
-            right: null,
-            bottom: null
-        },
-        x, y;
-
-    for (i = 0; i < l; i += 4) {
-        if (pixels.data[i + 3] !== 0) {
-            x = (i / 4) % c.width;
-            y = ~~((i / 4) / c.width);
-
-            if (bound.top === null) {
-                bound.top = y;
-            }
-
-            if (bound.left === null) {
-                bound.left = x;
-            } else if (x < bound.left) {
-                bound.left = x;
-            }
-
-            if (bound.right === null) {
-                bound.right = x;
-            } else if (bound.right < x) {
-                bound.right = x;
-            }
-
-            if (bound.bottom === null) {
-                bound.bottom = y;
-            } else if (bound.bottom < y) {
-                bound.bottom = y;
-            }
-        }
-    }
-
-    let trimHeight = bound.bottom - bound.top,
-        trimWidth = bound.right - bound.left,
-        trimmed = ctx.getImageData(bound.left, bound.top, trimWidth, trimHeight);
-
-    copy.canvas.width = trimWidth;
-    copy.canvas.height = trimHeight;
-    copy.putImageData(trimmed, 0, 0);
-
-    // open new window with trimmed image:
-    return copy.canvas;
-}

package/src/gui/guiHelper.js

@@ -1,154 +0,0 @@
-import guiPositions from "./guiPositions";
-
-/**
- * Helper functions for GUI creation
- */
-const guiHelper = {
-    addPos: function (arr1, arr2, a) {
-        if (arr1.length === 2 && arr2.length === 2) {
-            if (!a || a === "xy") {
-                return [arr1[0] + arr2[0], arr1[1] + arr2[1]];
-            }
-            if (a === "x") {
-                return [arr1[0] + arr2[0], arr1[1]];
-            }
-            if (a === "y") {
-                return [arr1[0], arr1[1] + arr2[1]];
-            }
-        }
-    },
-    subtractPos: function (arr1, arr2, a) {
-        if (arr1.length === 2 && arr2.length === 2) {
-            if (!a || a === "xy") {
-                return [arr1[0] - arr2[0], arr1[1] - arr2[1]];
-            }
-            if (a === "x") {
-                return [arr1[0] - arr2[0], arr1[1]];
-            }
-            if (a === "y") {
-                return [arr1[0], arr1[1] - arr2[1]];
-            }
-        }
-    },
-    multiplyPos: function (arr1, n, a) {
-        if (arr1.length === 2) {
-            if (!a || a === "xy") {
-                return [arr1[0] * n, arr1[1] * n];
-            }
-            if (a === "x") {
-                return [arr1[0] * n, arr1[1]];
-            }
-            if (a === "y") {
-                return [arr1[0], arr1[1] * n];
-            }
-        }
-    },
-
-    inventorySlot: function (n, origin, offset, rowSize) {
-        if (!rowSize) rowSize = 9;
-        let row, col;
-
-        if (n instanceof Array) {
-            row = n[1];
-            col = n[0];
-        } else {
-            row = Math.floor(n / rowSize);
-            col = n % rowSize;
-        }
-
-        let x = origin[0] + (col * offset[0]);
-        let y = origin[1] + (row * offset[1]);
-
-        return [x, y];
-    },
-    recipe: function (recipeData, textureMap) {
-
-        let renderData = [];
-        renderData.push({
-            name: "base",
-            texture: "/gui/container/crafting_table",
-            layer: 0,
-            uv: guiPositions.container.crafting_table.uv,
-            pos: [0, 0]
-        });
-
-        if (recipeData.type === "crafting_shaped") {
-            let pattern = recipeData.pattern;
-            for (let l = 0; l < pattern.length; l++) {
-                let line = pattern[l];
-                for (let c = 0; c < line.length; c++) {
-                    let char = line[c];
-                    if (char === ' ') continue;
-                    if (!recipeData.key.hasOwnProperty(char)) {
-                        console.warn("Missing recipe key " + char);
-                        continue;
-                    }
-
-                    let slot = this.inventorySlot([c, l], guiPositions.container.crafting_table.left_origin, guiPositions.container.crafting_table.item_offset, 3);
-                    let item = recipeData.key[char].item;
-                    let itemSplit = item.split(":");
-                    let itemNamespace = itemSplit[0];
-                    let itemName = itemSplit[1];
-
-                    if (textureMap.hasOwnProperty(itemName)) {
-                        itemName = textureMap[itemName];
-                    } else {
-                        itemName = "/item/" + itemName;
-                    }
-
-                    renderData.push({
-                        name: item,
-                        texture: itemName,
-                        layer: 1,
-                        pos: slot
-                    });
-                }
-            }
-        } else if (recipeData.type === "crafting_shapeless") {
-            for (let i = 0; i < recipeData.ingredients.length; i++) {
-                let ingredient = recipeData.ingredients[i];
-
-                let slot = this.inventorySlot(i, guiPositions.container.crafting_table.left_origin, guiPositions.container.crafting_table.item_offset, 3);
-                let item = ingredient.item;
-                let itemSplit = item.split(":");
-                let itemNamespace = itemSplit[0];
-                let itemName = itemSplit[1];
-
-                if (textureMap.hasOwnProperty(itemName)) {
-                    itemName = textureMap[itemName];
-                } else {
-                    itemName = "/item/" + itemName;
-                }
-
-                renderData.push({
-                    name: item,
-                    texture: itemName,
-                    layer: 1,
-                    pos: slot
-                });
-            }
-        }
-
-        let resultItem = recipeData.result.item;
-        let itemSplit = resultItem.split(":");
-        let itemNamespace = itemSplit[0];
-        let itemName = itemSplit[1];
-        if (textureMap.hasOwnProperty(itemName)) {
-            itemName = textureMap[itemName];
-        } else {
-            itemName = "/item/" + itemName;
-        }
-
-        renderData.push({
-            name: resultItem,
-            texture: itemName,
-            layer: 1,
-            pos: guiPositions.container.crafting_table.right_origin
-        });
-
-
-        return renderData;
-    }
-};
-
-export default guiHelper;

package/src/gui/guiPositions.js

@@ -1,85 +0,0 @@
-/**
- * Definition of positions/UV mappings ov Minecraft GUI assets
- */
-const guiPositions = {
-    bars: {
-        pink_empty: {
-            uv: [0, 0, 182, 5]
-        },
-        pink_full: {
-            uv: [0, 5, 182, 10]
-        },
-        cyan_empty: {
-            uv: [0, 10, 182, 15]
-        },
-        cyan_full: {
-            uv: [0, 15, 182, 20]
-        },
-        orange_empty: {
-            uv: [0, 20, 182, 25]
-        },
-        orange_full: {
-            uv: [0, 25, 182, 30]
-        },
-        green_empty: {
-            uv: [0, 30, 182, 35]
-        },
-        green_full: {
-            uv: [0, 35, 182, 40]
-        },
-        yellow_empty: {
-            uv: [0, 40, 182, 45]
-        },
-        yellow_full: {
-            uv: [0, 45, 182, 50]
-        },
-        purple_empty: {
-            uv: [0, 50, 182, 55]
-        },
-        purple_full: {
-            uv: [0, 55, 182, 60]
-        },
-        white_empty: {
-            uv: [0, 60, 182, 65]
-        },
-        white_full: {
-            uv: [0, 65, 182, 70]
-        }
-    },
-    book: {
-        base: {
-            uv: [0, 0, 192, 192],// 192 is actually bigger than the book background, but that's the coordinates MC itself uses
-        },
-        button_next: {
-            uv: [0, 192, 23, 205],
-            pos: [120, 156]
-        },
-        button_next_hover: {
-            uv: [23, 192, 46, 205],
-            pos: [120, 156]
-        },
-        button_prev: {
-            uv: [0, 205, 23, 218],
-            pos: [38, 156]
-        },
-        button_prev_hover: {
-            uv: [23, 205, 46, 218],
-            pos: [38, 156]
-        }
-    },
-    container: {
-        generic_54: {
-            uv: [0, 0, 176, 222],
-            top_origin: [8, 18],
-            item_offset: [18, 18]
-        },
-        crafting_table: {
-            uv: [0, 0, 176, 166],
-            left_origin: [30, 17],
-            right_origin: [124, 35],
-            item_offset: [18, 18]
-        }
-    }
-};
-
-export default guiPositions;