@divinevoxel/vlox 0.0.72 → 0.0.73

package/Textures/Functions/BuildTextureData.js

@@ -0,0 +1,205 @@
+import { CompiledTexture } from "../Classes/CompiledTexture";
+import { CompiledTextureAnimation } from "../../Textures/Classes/CompiledTextureAnimation";
+let baseURL = "assets/textures";
+let canvas;
+let context;
+let atlasCanvas;
+let atlasContext;
+const finalSize = [256, 256];
+async function getImageBase64(url) {
+    const response = await fetch(url);
+    const blob = await response.blob();
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.readAsDataURL(blob);
+        reader.onloadend = () => resolve(reader.result);
+        reader.onerror = reject;
+    });
+}
+function loadImage(src) {
+    return new Promise((resolve, reject) => {
+        const img = new Image();
+        img.src = src;
+        img.onload = () => resolve(img);
+        img.onerror = reject;
+    });
+}
+async function sliceImageIntoTiles(src, tilesX, tilesY) {
+    const image = await loadImage(src);
+    const tileWidth = image.width / tilesX;
+    const tileHeight = image.height / tilesY;
+    atlasCanvas.width = tileWidth;
+    atlasCanvas.height = tileHeight;
+    const tiles = [];
+    for (let x = 0; x < tilesX; x++) {
+        for (let y = 0; y < tilesY; y++) {
+            atlasContext.clearRect(0, 0, tileWidth, tileHeight);
+            atlasContext.drawImage(image, x * tileWidth, y * tileHeight, tileWidth, tileHeight, 0, 0, tileWidth, tileHeight);
+            tiles[CompiledTexture.GetAtlasIndex(x, y, tilesX)] =
+                atlasCanvas.toDataURL("image/png");
+        }
+    }
+    return tiles;
+}
+async function loadImageForShader(imgSrcData) {
+    if (!context)
+        throw new Error("");
+    canvas.width = finalSize[0];
+    canvas.height = finalSize[1];
+    const prom = new Promise((resolve, reject) => {
+        const image = typeof imgSrcData == "string" ? new Image() : imgSrcData;
+        image.onerror = (error) => reject(error);
+        if (typeof imgSrcData == "string")
+            image.src = imgSrcData;
+        image.onload = () => {
+            context.clearRect(0, 0, canvas.width, canvas.height);
+            context.imageSmoothingEnabled = false;
+            context.save();
+            context.translate(0, canvas.height);
+            context.scale(1, -1);
+            context.drawImage(image, 0, 0, canvas.width, canvas.height);
+            context.restore();
+            const dataUrl = canvas.toDataURL("image/png");
+            const returnImage = new Image(canvas.width, canvas.height);
+            returnImage.src = dataUrl;
+            returnImage.onload = () => {
+                resolve(returnImage);
+            };
+        };
+    });
+    return prom;
+}
+function getImagePath(data, parentId = null) {
+    if (data.base64)
+        return data.base64;
+    if (data.path)
+        return data.path;
+    if (!parentId)
+        return `${baseURL}/${data.id}.png`;
+    return `${baseURL}/${parentId}/${data.id}.png`;
+}
+function getTextureId(data, parentId = null) {
+    return `${parentId ? parentId : data.id}${!parentId ? "" : ":" + data.id}`;
+}
+function createAnimationData(atlas, data, startIndex) {
+    const compiled = new CompiledTextureAnimation(startIndex);
+    if (!data?.frames) {
+        const maxFrames = atlas.tiles[0] * atlas.tiles[1];
+        for (let i = 0; i < maxFrames; i++) {
+            compiled._frames[i] = i;
+            compiled._times[i] = data.frameTime;
+        }
+    }
+    else {
+        for (let i = 0; i < data.frames.length; i++) {
+            const frameData = data.frames[i];
+            if (typeof frameData == "number") {
+                compiled._frames[i] = frameData;
+                compiled._times[i] = data.frameTime;
+                continue;
+            }
+            compiled._frames[i] = frameData.index;
+            compiled._times[i] = frameData.time;
+        }
+    }
+    if (data?.pingPong) {
+        compiled._frames = [
+            ...compiled._frames,
+            ...compiled._frames.toReversed().slice(1, compiled._frames.length - 1),
+        ];
+        compiled._times = [
+            ...compiled._times,
+            ...compiled._times.toReversed().slice(1, compiled._times.length - 1),
+        ];
+    }
+    return compiled;
+}
+async function process(compiled, data, textureIndex, parent, cache = false) {
+    const textureId = getTextureId(data, parent);
+    compiled.textureMap[textureId] = textureIndex;
+    const imagePath = getImagePath(data, parent);
+    if (cache) {
+        data.base64 = await getImageBase64(imagePath);
+    }
+    if (!data.atlas) {
+        compiled.images[textureIndex] = await loadImageForShader(imagePath);
+        return textureIndex + 1;
+    }
+    const tiles = await sliceImageIntoTiles(imagePath, ...data.atlas.tiles);
+    for (let i = 0; i < tiles.length; i++) {
+        compiled.images[textureIndex + i] = await loadImageForShader(tiles[i]);
+    }
+    compiled.atlasSizeMap[textureId] = data.atlas.tiles;
+    if (data.animated) {
+        compiled.animations.push(createAnimationData(data.atlas, data.animated, textureIndex));
+    }
+    if (data.atlas.namedTiles) {
+        for (const named of data.atlas.namedTiles) {
+            let tIndex = Array.isArray(named.index)
+                ? CompiledTexture.GetAtlasIndex(...named.index, data.atlas.tiles[0])
+                : named.index;
+            compiled.textureMap[`${textureId}:${named.id}`] = textureIndex + tIndex;
+        }
+    }
+    return textureIndex + tiles.length;
+}
+export async function BuildTextureData({ type, baseURL: currentBaseURL, textures, finalSize: currentFinalSize, createCache, }) {
+    baseURL = currentBaseURL || "assets/textures";
+    finalSize[0] = currentFinalSize ? currentFinalSize[0] : 256;
+    finalSize[1] = currentFinalSize ? currentFinalSize[1] : 256;
+    if (!canvas) {
+        canvas = document.createElement("canvas");
+        canvas.width = finalSize[0];
+        canvas.height = finalSize[1];
+        context = canvas.getContext("2d", { willReadFrequently: true });
+        context.imageSmoothingEnabled = false;
+        atlasCanvas = document.createElement("canvas");
+        atlasContext = atlasCanvas.getContext("2d", { willReadFrequently: true });
+        // atlasContext.imageSmoothingEnabled = false;
+        if (!context)
+            throw new Error(`Error could not create CanvasRenderingContext2D`);
+    }
+    const compiled = new CompiledTexture(type);
+    let count = 0;
+    for (const texture of textures) {
+        if (!texture.variations?.length) {
+            try {
+                count = await process(compiled, texture, count, null, createCache);
+                continue;
+            }
+            catch (error) {
+                console.warn(`Could not load texture ${texture.id}`);
+                console.error(error);
+                continue;
+            }
+        }
+        if (texture.variations) {
+            for (let i = 0; i < texture.variations.length; i++) {
+                const vara = texture.variations[i];
+                if (typeof vara == "string") {
+                    const newData = { type: texture.type, id: vara };
+                    try {
+                        count = await process(compiled, newData, count, texture.id, createCache);
+                        if (createCache)
+                            texture.variations[i] = newData;
+                        continue;
+                    }
+                    catch (error) {
+                        console.warn(`Could not load texture ${texture.id}`);
+                        console.error(error);
+                        continue;
+                    }
+                }
+                try {
+                    count = await process(compiled, vara, count, texture.id, createCache);
+                }
+                catch (error) {
+                    console.warn(`Could not load texture ${texture.id}`);
+                    console.error(error);
+                    continue;
+                }
+            }
+        }
+    }
+    return compiled;
+}

package/Textures/Texture.types.d.ts

@@ -1,76 +1,62 @@
-export type TextureId = [type: string, id: string, varation?: string];
-export type TextureTypes = string;
+export type TextureId = [id: string, frame: [x: number, y: number]] | [id: string, index: number] | [id: string, varation: string] | [id: string, varation: string, frame: [x: number, y: number]] | [id: string, varation: string, index: number] | string;
 export type TextureTypeUVMap = Record<string, Record<string, number>>;
-export type TextureAnimationData = {
-    /**# Frames
-     * If the texture has animation frames the number of frames must be set to the number
-     * texture animatoin images. This number must be greater than 1.
-     *
-     * The number will be used to locate all the associated frames.
-     *
-     * Example: If you specify 3 frames for a texture with the ID **dreamstone** the folder would look like this:
-     * - dreamstone/default-1.png
-     * - dreamstone/default-2.png
-     * - dreamstone/default-3.png
-     */
-    frames: number;
-    /**# Anim Keys
-     * If the texture is animated you must supply the anim key frames which
-     * is just the order of the frames.
-     */
-    animKeys?: number[];
-    /**# Global Frame Time
-     * ---
-     * Specifies how many frames every anim key should be display.
-     */
-    globalFrameTime?: number;
-    /**# Anim Key Frame Time
-     * ---
-     * If set globalFrameTime will be ignored.
-     * Specifies how many frames every anim should be displayed.
-     * You must supply a number for every animKey.
-     */
-    animKeyFrameTimes?: number[];
-};
 export type TextureDataBase = {
-    /**# rawData
-     * Provide a Uint8ClampedArray or an array of Uint8ClampedArray's instead of downloading
-     */
-    rawData?: Uint8ClampedArray | Uint8ClampedArray[];
-    /**# base64
-     * Provide a base64 encoded string to use instead of downloading
-     */
-    base64?: string | string[];
-    /**# includeInRawDataMap
-     * Will keep a Uint8ClampedArray of the loaded texture if set to true.
-     */
-    includeInRawDataMap?: boolean;
-};
-export type TextureData = {
-    type: TextureTypes;
-    /**# ID
+    /**
      * The id of the texture.
-     * This will be used to locate the file.
+     * This will be used to locate the file if no direct path is given.
      */
     id: string;
-    /**# Path
+    /**
      * If the texture is not in the default path specify it here.
      */
     path?: string;
-    /**# normalMap
-     * If the texture is an overlay specify it here.
+    /**
+     * Provide a base64 encoded string to use instead of downloading
      */
-    normalMap?: boolean;
-    /**# Varations
-     * The name of the texture must be default with the folder being its ID.
-     * Variations allow you to add variations to the same texture.
+    base64?: string;
+    /**
+     * If the texture is an atlas specify it here.
+     */
+    atlas?: {
+        tiles: [tilesX: number, tilesY: number];
+        /**To make it eaiser to use specifc tiles from an atlas you can name tiles.
+         *
+         *  To use the name just at it to the end of the id with a colon ":".
+         *
+         * dve_dream_stone:grassy-top
+         */
+        namedTiles?: {
+            id: string;
+            index: [tileX: number, tileY: number] | number;
+        }[];
+    };
+    /**
+     * If the texture is an animated speicfy it here.
+     * Only atlas texture can be animated.
+     */
+    animated?: {
+        frameTime: number;
+        pingPong?: boolean;
+        interpolate?: boolean;
+        frames?: (number | {
+            index: number;
+            time: number;
+        })[];
+    };
+};
+export type TextureData = {
+    /**
+     * The type of texture. Used to combined all textures into one final one.
      *
-     * If you add a variation of "grassy-up" you must you include in the
-     * folder of the texture one with the name 'grassy-up'.
+     * Defaults to dve_voxel
+     */
+    type?: string;
+    /**
+     * Add textures to the same texture that can be refernced with a TextureId.
      *
-     * So the files in that folder would be for a texture with the ID **dreamstone**
-     * - dreamstone/default.png
-     * - dreamstone/grassy-up.png
+     * If not directly giving paths the main texture must be named default
+     * and all varations must be in the same folder and be the name of the key they
+     * are stored in the variations object.
      */
-    variations?: Record<string, TextureAnimationData & TextureDataBase>;
-} & TextureAnimationData & TextureDataBase;
+    variations?: (string | TextureDataBase)[];
+} & TextureDataBase;

package/Textures/TextureManager.d.ts

@@ -1,21 +1,10 @@
-import type { TextureData, TextureTypeUVMap, TextureId } from "./Texture.types";
-import { TextureArray } from "./TextureArray.js";
+import { CompiledTexture } from "./Classes/CompiledTexture.js";
+import { BuildTextureDataProps } from "./Functions/BuildTextureData.js";
+import type { TextureData } from "./Texture.types";
 export declare class TextureManager {
-    static defaultTexturePath: string;
-    static textureTypes: Map<string, TextureArray>;
-    static getTextureIndex(data: TextureId): number;
-    static _ready: boolean;
-    static isReady(): boolean;
-    static init(): Promise<void>;
-    static generateTextureUVMap(): TextureTypeUVMap;
-    static defineDefaultTexturePath(path: string): void;
-    static getTextureData([type, id, segment]: TextureId): TextureData | undefined;
-    static getTextureType(id: string): false | TextureArray;
-    static getOrAddTextureType(id: string): TextureArray;
-    static addTextureType(id: string): TextureArray;
-    static clearTextureData(): void;
-    static registerTexture(textureData: TextureData | TextureData[]): void;
-    static getTexturePath(textureType: string, id: string, varation: string, segment?: string, frames?: number): string;
-    static createCached(): Promise<TextureData[]>;
-    static createRawDataMap(): Promise<Map<string, Uint8ClampedArray>>;
+    static _textureTypes: Map<string, TextureData[]>;
+    static _compiledTextures: Map<string, CompiledTexture>;
+    static registerTexture(textureData: TextureData[]): void;
+    static getTexture(id: string): CompiledTexture;
+    static compiledTextures(props?: Omit<BuildTextureDataProps, "textures" | "type">): Promise<void>;
 }

package/Textures/TextureManager.js

@@ -1,174 +1,36 @@
-import { EngineSettings } from "../Settings/EngineSettings.js";
-import { TextureBuilder } from "./TextureBuilder.js";
-import { TextureArray } from "./TextureArray.js";
-import { TextureRegister } from "./TextureRegister.js";
+import { BuildTextureData, } from "./Functions/BuildTextureData.js";
+const missingTexture = {
+    id: "dve_missing",
+    base64: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAEsGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iCiAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjE2IgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iMTYiCiAgIGV4aWY6Q29sb3JTcGFjZT0iMSIKICAgdGlmZjpJbWFnZVdpZHRoPSIxNiIKICAgdGlmZjpJbWFnZUxlbmd0aD0iMTYiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjcyLzEiCiAgIHRpZmY6WVJlc29sdXRpb249IjcyLzEiCiAgIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiCiAgIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIKICAgeG1wOk1vZGlmeURhdGU9IjIwMjUtMDItMDRUMTM6MjY6MzYtMDU6MDAiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjUtMDItMDRUMTM6MjY6MzYtMDU6MDAiPgogICA8eG1wTU06SGlzdG9yeT4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgc3RFdnQ6YWN0aW9uPSJwcm9kdWNlZCIKICAgICAgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWZmaW5pdHkgUGhvdG8gMS4xMC42IgogICAgICBzdEV2dDp3aGVuPSIyMDI1LTAyLTA0VDEzOjI2OjM2LTA1OjAwIi8+CiAgICA8L3JkZjpTZXE+CiAgIDwveG1wTU06SGlzdG9yeT4KICA8L3JkZjpEZXNjcmlwdGlvbj4KIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+Cjw/eHBhY2tldCBlbmQ9InIiPz6QxtZwAAABgWlDQ1BzUkdCIElFQzYxOTY2LTIuMQAAKJF1kb9LQlEUxz9qYfQDAyMaGiSsKcMMpJYGoyyoBjPIatHnr0Dt8Z4R0Rq0CgVRS7+G+gtqDZqDoCiCaK61qKXkdZ4KSuS5nHs+93vvOdx7LljDGSWrN3ghm8troWDAtRBZdNnfsGLDSSe9UUVXZ+YmwtS1rwcsZrzzmLXqn/vXWuIJXQFLk/Coomp54Unh6fW8avKucIeSjsaFz4X7Nbmg8L2px8r8anKqzD8ma+HQGFjbhV2pGo7VsJLWssLyctzZzJpSuY/5ktZEbn5OYo94NzohggRwMcU4Y/gZZERmPx58DMiKOvneUv4sq5KryKyygcYKKdLk6Rd1TaonJCZFT8jIsGH2/29f9eSQr1y9NQCNL4bx0Qv2HSgWDOP72DCKJ2B7hqtcNX/1CIY/RS9UNfchOLbg4rqqxfbgchu6ntSoFi1JNnFrMgnvZ9AWAectNC+Ve1bZ5/QRwpvyVTewfwB9ct6x/AtRCWfcDyqUNQAAAAlwSFlzAAALEwAACxMBAJqcGAAAACRJREFUKJFjPMWAHZjhEGfCIY4TjGogBjDiksAVP4PQD8NBAwBeSgHpmKHwOgAAAABJRU5ErkJggg==",
+};
 export class TextureManager {
-    static defaultTexturePath = "assets/textures";
-    static textureTypes = new Map();
-    static getTextureIndex(data) {
-        const [textureType, textureId, varation] = data;
-        const type = this.getTextureType(textureType);
-        if (!type)
-            return NaN;
-        return type.getTextureIndex(textureId, varation);
-    }
-    static _ready = false;
-    static isReady() {
-        return this._ready;
-    }
-    static async init() {
-        TextureBuilder.defineTextureDimensions(EngineSettings.settings.textures.textureSize);
-        for (const [key, type] of this.textureTypes) {
-            await type.build();
-        }
-        TextureRegister.setTextureIndex(this.generateTextureUVMap());
-        this._ready = true;
-    }
-    static generateTextureUVMap() {
-        const uvMap = {};
-        for (const [key, type] of this.textureTypes) {
-            uvMap[key] = type.getTextureIndexMap();
-        }
-        return uvMap;
-    }
-    static defineDefaultTexturePath(path) {
-        this.defaultTexturePath = path;
-    }
-    static getTextureData([type, id, segment]) {
-        const t = this.getTextureType(type);
-        if (!t)
-            return undefined;
-        return t.textureMap.get(id);
-    }
-    static getTextureType(id) {
-        const texture = this.textureTypes.get(id);
-        if (!texture)
-            return false;
-        return texture;
-    }
-    static getOrAddTextureType(id) {
-        const texture = this.textureTypes.get(id);
-        if (!texture)
-            return this.addTextureType(id);
-        return texture;
-    }
-    static addTextureType(id) {
-        const newType = new TextureArray(id);
-        this.textureTypes.set(id, newType);
-        return newType;
-    }
-    static clearTextureData() {
-        //
-        //  this.textureTypes.forEach((_) => _.clearSegmentData());
-    }
+    static _textureTypes = new Map();
+    static _compiledTextures = new Map();
     static registerTexture(textureData) {
-        if (Array.isArray(textureData)) {
-            for (const texture of textureData) {
-                const type = this.getOrAddTextureType(texture.type);
-                if (!type)
-                    continue;
-                type.addTexture(texture);
-                continue;
-            }
-            return;
-        }
-        const type = this.getOrAddTextureType(textureData.type);
-        if (!type)
-            return;
-        type.addTexture(textureData);
-    }
-    static getTexturePath(textureType, id, varation, segment = "main", frames) {
-        const data = this.getTextureData([textureType, id, segment]);
-        if (!data)
-            throw new Error(`Could not find data for ${textureType} ${id} ${varation}`);
-        let path = data.base64 &&
-            (Array.isArray(data.base64) ? data.base64[0] : data.base64);
-        if (path)
-            return path;
-        const type = this.textureTypes.get(textureType);
-        return type._getPath(data, varation, type.extension);
-    }
-    static async createCached() {
-        const cachedTextureData = [];
-        for (const [typeKey, type] of this.textureTypes) {
-            for (const baseData of type.textures) {
-                const data = structuredClone(baseData);
-                const id = baseData.id;
-                if (data.frames) {
-                    const images = [];
-                    for (let i = 1; i <= data.frames; i++) {
-                        images.push(await TextureBuilder.getBase64(type._getPath(data, `${id}-${i}`, type.extension)));
-                    }
-                    data.base64 = images;
-                }
-                else {
-                    data.base64 = await TextureBuilder.getBase64(type._getPath(data, "default", type.extension));
-                }
-                if (data.variations) {
-                    for (const varId in data.variations) {
-                        const varation = data.variations[varId];
-                        if (varation.frames) {
-                            const images = [];
-                            for (let i = 1; i <= varation.frames; i++) {
-                                images.push(await TextureBuilder.getBase64(type._getPath(data, `${varId}-${i}`, type.extension)));
-                            }
-                            varation.base64 = images;
-                        }
-                        else {
-                            varation.base64 = await TextureBuilder.getBase64(type._getPath(data, varId, type.extension));
-                        }
-                    }
-                }
-                cachedTextureData.push(data);
+        for (const texture of textureData) {
+            const typeId = texture.type || "dve_voxel";
+            let type = this._textureTypes.get(typeId);
+            if (!type) {
+                type = [missingTexture];
+                this._textureTypes.set(typeId, type);
             }
+            type.push(texture);
         }
-        return cachedTextureData;
     }
-    static async createRawDataMap() {
-        const map = new Map();
-        for (const [typeKey, type] of this.textureTypes) {
-            for (const data of type.textures) {
-                if (!data.includeInRawDataMap)
-                    continue;
-                if (!data.path && !data.rawData)
-                    continue;
-                const key = `${type.id}|${data.id}|default`;
-                if (data.frames) {
-                    for (let i = 1; i <= data.frames; i++) {
-                        const rawData = await TextureBuilder.getRawData(type._getPath(data, `${key}-${i}`, type.extension));
-                        data.rawData = rawData;
-                        map.set(`${key}-${i}`, rawData);
-                    }
-                }
-                else {
-                    const rawData = await TextureBuilder.getRawData(type._getPath(data, "default", type.extension));
-                    data.rawData = rawData;
-                    map.set(key, rawData);
-                }
-                if (data.variations) {
-                    for (const varId in data.variations) {
-                        const varation = data.variations[varId];
-                        if (!varation.includeInRawDataMap)
-                            continue;
-                        const key = `${type.id}|${data.id}|${varId}`;
-                        if (data.frames) {
-                            for (let i = 1; i <= data.frames; i++) {
-                                const rawData = await TextureBuilder.getRawData(type._getPath(data, `${key}-${i}`, type.extension));
-                                data.rawData = rawData;
-                                map.set(`${key}-${i}`, rawData);
-                            }
-                        }
-                        else {
-                            const rawData = await TextureBuilder.getRawData(type._getPath(data, varId, type.extension));
-                            data.rawData = rawData;
-                            map.set(key, rawData);
-                        }
-                    }
-                }
-            }
+    static getTexture(id) {
+        const type = this._compiledTextures.get(id);
+        if (!type)
+            throw new Error(`Compiled texture with id ${id} does not exist`);
+        return type;
+    }
+    static async compiledTextures(props = {}) {
+        for (const [type, data] of this._textureTypes) {
+            const compiled = await BuildTextureData({
+                type,
+                textures: data,
+                ...props,
+            });
+            this._compiledTextures.set(type, compiled);
         }
-        return map;
     }
 }
-TextureManager.getOrAddTextureType("dve_voxel");
-TextureManager.getOrAddTextureType("dve_node");

package/Tools/Brush/Brush.d.ts

@@ -7,7 +7,6 @@ export declare class BrushTool {
     x: number;
     y: number;
     z: number;
-    name: string;
     voxelCursor: VoxelCursor;
     dataCursor: WorldCursor;
     setXYZ(x: number, y: number, z: number): this;
@@ -19,6 +18,7 @@ export declare class BrushTool {
     setId(id: string): this;
     setName(name: string): this;
     setSecondaryId(id: string): this;
+    setSecondaryName(name: string): this;
     setShapeState(state: number): this;
     setLevel(level: number): this;
     setLevelState(levelState: number): this;

package/Tools/Brush/Brush.js

@@ -7,8 +7,10 @@ const air = [0, 0, 0, 0, 0, 0];
 export class BrushTool {
     data = {
         id: airId,
+        name: "",
         state: 0,
         secondaryVoxelId: "",
+        secondaryVoxeName: "",
         level: 0,
         levelState: 0,
         mod: 0,
@@ -17,7 +19,6 @@ export class BrushTool {
     x = 0;
     y = 0;
     z = 0;
-    name = airId;
     voxelCursor = new VoxelCursor();
     dataCursor = new WorldCursor();
     setXYZ(x, y, z) {
@@ -30,11 +31,22 @@ export class BrushTool {
         WorldRegister.sectors.new(this.dimension, this.x, this.y, this.z);
     }
     setData(data) {
-        this.data.id = data.id ? data.id : airId;
+        this.clear();
+        if (data.name) {
+            this.setName(data.name);
+        }
+        else {
+            if (data.id)
+                this.setId(data.id);
+        }
+        if (data.secondaryVoxeName) {
+            this.setSecondaryName(data.secondaryVoxeName);
+        }
+        else {
+            if (data.secondaryVoxelId)
+                this.setSecondaryId(data.secondaryVoxelId);
+        }
         this.data.state = data.state ? data.state : 0;
-        this.data.secondaryVoxelId = data.secondaryVoxelId
-            ? data.secondaryVoxelId
-            : airId;
         this.data.level = data.level ? data.level : 0;
         this.data.levelState = data.levelState ? data.levelState : 0;
         this.data.mod = data.mod ? data.mod : 0;
@@ -62,15 +74,34 @@ export class BrushTool {
     }
     setId(id) {
         this.data.id = id;
+        this.data.name = VoxelPalettesRegister.voxelIdToNameMap.get(id);
         return this;
     }
     setName(name) {
-        this.data.id = VoxelPalettesRegister.voxelName.getId(name);
-        this.name = name;
+        this.data.id = VoxelPalettesRegister.voxelNametoIdMap.get(name);
+        this.data.name = name;
         return this;
     }
     setSecondaryId(id) {
         this.data.secondaryVoxelId = id;
+        if (id) {
+            this.data.secondaryVoxeName =
+                VoxelPalettesRegister.voxelIdToNameMap.get(id);
+        }
+        else {
+            this.data.secondaryVoxeName = "";
+        }
+        return this;
+    }
+    setSecondaryName(name) {
+        if (name) {
+            this.data.secondaryVoxelId =
+                VoxelPalettesRegister.voxelNametoIdMap.get(name);
+        }
+        else {
+            this.data.secondaryVoxelId = "";
+        }
+        this.data.secondaryVoxeName = name;
         return this;
     }
     setShapeState(state) {
@@ -91,6 +122,7 @@ export class BrushTool {
     }
     clear() {
         this.data.id = "dve_air";
+        this.data.name = "";
         this.data.secondaryVoxelId = "";
         this.data.level = 0;
         this.data.levelState = 0;

package/Util/Binary/BinaryArrays.d.ts

@@ -0,0 +1,6 @@
+export declare function getBitArrayIndex(data: Uint8Array, arrayIndex: number): number;
+export declare function setBitArrayIndex(data: Uint8Array, arrayIndex: number, value: number): void;
+export declare function getNibbleArrayIndex(data: Uint8Array, arrayIndex: number): number;
+export declare function setNibbleArrayIndex(data: Uint8Array, arrayIndex: number, value: number): void;
+export declare function getHalfNibbleArrayIndex(data: Uint8Array, arrayIndex: number): number;
+export declare function setHalfNibbleArrayIndex(data: Uint8Array, arrayIndex: number, value: number): void;