minerender 1.4.11 → 2.0.0-alpha.1

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;

package/src/gui/index.js

@@ -1,222 +0,0 @@
-import * as THREE from "three";
-import Render, { defaultOptions } from "../renderBase";
-import { loadTextureAsBase64, DEFAULT_ROOT } from "../functions";
-import guiPositions from "./guiPositions";
-import guiHelper from "./guiHelper";
-import ModelRender from "../model";
-
-/**
- * @see defaultOptions
- * @property {string} [assetRoot=DEFAULT_ROOT] root to get asset files from
- */
-let defOptions = {
-    controls: {
-        enabled: true,
-        zoom: true,
-        rotate: false,
-        pan: true
-    },
-    camera: {
-        type: "perspective",
-        x: 0,
-        y: 0,
-        z: 50,
-        target: [0, 0, 0]
-    },
-    assetRoot: DEFAULT_ROOT
-};
-
-/**
- * A renderer for Minecraft GUIs
- */
-class GuiRender extends Render {
-
-    /**
-     * @param {Object} [options] The options for this renderer, see {@link defaultOptions}
-     * @param {string} [options.assetRoot=DEFAULT_ROOT] root to get asset files from
-     *
-     * @param {HTMLElement} [element=document.body] DOM Element to attach the renderer to - defaults to document.body
-     * @constructor
-     */
-    constructor(options, element) {
-        super(options, defOptions, element);
-
-        this.renderType = "GuiRender";
-
-        this.gui = null;
-        this.attached = false;
-    }
-
-    /**
-     * Does the actual rendering
-     *
-     * @param {(string[]|Object[])} layers Array of GUI layers - either strings or objects
-     * @param {string} layers[].texture path to the layer's texture (starting at assets/minecraft/textures/), e.g. '/items/apple'
-     * @param {number} [layers[].textureScale=1] scale of the given texture, can be used to get different sized textures aligned proerly
-     * @param {number[]} [layers[].uv] [x1,y1,x2,y2] array UV mapping of the texture
-     * @param {number[]} [layers[].pos=[0,0]] [x,y] array position of the layer
-     *
-     * @param {function} [cb] Callback when rendering finished
-     */
-    render(layers, cb) {
-        let guiRender = this;
-
-        if (!guiRender.attached && !guiRender._scene) {// Don't init scene if attached, since we already have an available scene
-            super.initScene(function () {
-                guiRender.element.dispatchEvent(new CustomEvent("guiRender", {detail: {gui: guiRender.gui}}));
-            });
-
-            guiRender._controls.target.set(0, 0, 0);
-            guiRender._camera.lookAt(new THREE.Vector3(0, 0, 0));
-        } else {
-            console.log("[GuiRender] is attached - skipping scene init");
-        }
-
-        let promises = [];
-        for (let i = 0; i < layers.length; i++) {
-            promises.push(new Promise((resolve, reject) => {
-                let layer = layers[i];
-                if (typeof layer === "string") {
-                    layer = {
-                        texture: layer
-                    }
-                }
-                if (!layer.textureScale) layer.textureScale = 1;
-
-                loadTextureAsBase64(guiRender.options.assetRoot, "minecraft", "", layer.texture).then((url) => {
-                    let imgDone = function (url) {
-                        let texture = new THREE.TextureLoader().load(url, function () {
-                            texture.magFilter = THREE.NearestFilter;
-                            texture.minFilter = THREE.NearestFilter;
-                            texture.anisotropy = 0;
-                            texture.needsUpdate = true;
-
-                            let material = new THREE.MeshBasicMaterial({
-                                map: texture,
-                                transparent: true,
-                                side: THREE.DoubleSide,
-                                alphaTest: 0.5
-                            });
-
-                            material.userData.layer = layer;
-
-                            resolve(material);
-                        })
-                    };
-
-                    if (!layer.uv) {
-                        imgDone(url);
-                    } else {
-                        layer.uv = [
-                            layer.uv[0] * layer.textureScale,
-                            layer.uv[1] * layer.textureScale,
-                            layer.uv[2] * layer.textureScale,
-                            layer.uv[3] * layer.textureScale
-                        ];
-
-                        let img = new Image();
-                        img.onload = function () {
-                            let canvas = document.createElement("canvas");
-                            canvas.width = layer.uv[2] - layer.uv[0];
-                            canvas.height = layer.uv[3] - layer.uv[1];
-                            let context = canvas.getContext("2d");
-                            context.drawImage(img, layer.uv[0], layer.uv[1], layer.uv[2] - layer.uv[0], layer.uv[3] - layer.uv[1], 0, 0, layer.uv[2] - layer.uv[0], layer.uv[3] - layer.uv[1]);
-
-                            imgDone(canvas.toDataURL("image/png"));
-                        };
-                        img.crossOrigin = "anonymous";
-                        img.src = url;
-                    }
-                });
-            }));
-        }
-
-        Promise.all(promises).then((materials) => {
-            let planeGroup = new THREE.Object3D();
-
-            let w = 0, h = 0;
-            for (let i = 0; i < materials.length; i++) {
-                let material = materials[i];
-
-                let width = material.map.image.width;
-                let height = material.map.image.height;
-
-
-                let uv = material.userData.layer.uv;
-                if (!uv) {
-                    // default to full image size if uv isn't set
-                    uv = [0, 0, width, height];
-                }
-                // uv = [
-                //     uv[0]/4,
-                //     uv[1]/4,
-                //     uv[2]/4,
-                //     uv[3]/4
-                // ];
-
-                let uvW = (uv[2] - uv[0]) / material.userData.layer.textureScale;
-                let uvH = (uv[3] - uv[1]) / material.userData.layer.textureScale;
-
-                if (uvW > w) w = uvW;
-                if (uvH > h) h = uvH;
-
-                let geometry = new THREE.PlaneGeometry(uvW, uvH);
-                let plane = new THREE.Mesh(geometry, material);
-                plane.name = material.userData.layer.texture.toLowerCase() + (material.userData.layer.name ? "_" + material.userData.layer.name.toLowerCase() : "");
-                plane.position.set(0, 0, 0);
-
-                plane.applyMatrix(new THREE.Matrix4().makeTranslation(uvW / 2, uvH / 2, 0));
-
-                if (material.userData.layer.pos) {
-                    plane.applyMatrix(new THREE.Matrix4().makeTranslation(material.userData.layer.pos[0], -uvH - material.userData.layer.pos[1], 0));
-                } else {
-                    plane.applyMatrix(new THREE.Matrix4().makeTranslation(0, -uvH, 0));
-                }
-
-                if (material.userData.layer.layer) {
-                    plane.layers.set(material.userData.layer.layer);
-                    guiRender._camera.layers.enable(material.userData.layer.layer);
-                }
-
-
-                planeGroup.add(plane);
-
-
-                if (guiRender.options.showOutlines) {
-                    let box = new THREE.BoxHelper(plane, 0xff0000);
-                    planeGroup.add(box);
-
-                    if (material.userData.layer.layer) {
-                        box.layers.set(material.userData.layer.layer);
-                    }
-
-                }
-            }
-
-            planeGroup.applyMatrix(new THREE.Matrix4().makeTranslation(-w / 2, h / 2, 0));
-            guiRender.addToScene(planeGroup);
-
-            guiRender.gui = planeGroup;
-
-            if (!guiRender.attached) {
-                guiRender._camera.position.set(0, 0, Math.max(w, h));
-                // https://stackoverflow.com/a/11278936
-                guiRender._camera.fov = 2 * Math.atan(Math.max(w, h) / (2 * Math.max(w, h))) * (180 / Math.PI);
-                guiRender._camera.updateProjectionMatrix();
-            }
-
-            if (typeof cb === "function") cb();
-        });
-    };
-}
-
-GuiRender.Positions = guiPositions;
-GuiRender.Helper = guiHelper;
-
-if (typeof window !== "undefined")
-    window.GuiRender = GuiRender;
-if (typeof global !== "undefined")
-    global.GuiRender = GuiRender;
-
-
-export default GuiRender;

package/src/model/ModelWorker.js

@@ -1,32 +0,0 @@
-import { parseModel, loadAndMergeModel,  modelCacheKey, loadTextures } from "./modelFunctions";
-
-import * as debugg from "debug";
-const debug = debugg("minerender");
-
-export default function worker(self) {
-    debug("New Worker!")
-    self.addEventListener("message", event => {
-        let msg = event.data;
-
-        if (msg.func === "parseModel") {
-            parseModel(msg.model, msg.modelOptions, [], msg.assetRoot).then((parsedModelList) => {
-                self.postMessage({msg: "done",parsedModelList:parsedModelList})
-                close();
-            })
-        } else if (msg.func === "loadAndMergeModel") {
-            loadAndMergeModel(msg.model, msg.assetRoot).then((mergedModel) => {
-                self.postMessage({msg: "done",mergedModel:mergedModel});
-                close();
-            })
-        } else if (msg.func === "loadTextures") {
-            loadTextures(msg.textures, msg.assetRoot).then((textures) => {
-                self.postMessage({msg: "done",textures:textures});
-                close();
-            })
-        } else {
-            console.warn("Unknown function '" + msg.func + "' for ModelWorker");
-            console.warn(msg);
-            close();
-        }
-    })
-};