minerender 2.1.0-alpha.69 → 2.1.0-alpha.70

package/dist/node/index.mjs

@@ -737,6 +737,25 @@ var init_ImageLoader = __esm({
         };
       }
       static async loadInfo(src) {
+        if (/^data:/i.test(src.trimStart())) {
+          const url = new URL(src);
+          url.hash = "";
+          const comma = url.href.indexOf(",");
+          if (comma < 0) {
+            throw new Error("Invalid image data URL");
+          }
+          let bytes = url.href.slice(comma + 1).replace(
+            /%([\da-f]{2})/gi,
+            (_, hex) => String.fromCharCode(parseInt(hex, 16))
+          );
+          if (/; *base64 *$/i.test(url.href.slice(5, comma))) {
+            bytes = atob(bytes);
+          }
+          return this.processResponse({
+            url: src,
+            data: Uint8Array.from(bytes, (char) => char.charCodeAt(0)).buffer
+          });
+        }
         return Requests.genericRequest({
           url: src,
           responseType: "arraybuffer"
@@ -814,7 +833,7 @@ var init_TextureLoader = __esm({
 });
 
 // src/texture/Textures.ts
-import { CanvasTexture, Texture as Texture2 } from "three";
+import { CanvasTexture, DataTexture, Texture as Texture2 } from "three";
 import * as THREE2 from "three";
 var Textures;
 var init_Textures = __esm({
@@ -823,6 +842,26 @@ var init_Textures = __esm({
     init_Caching();
     init_CacheKey();
     Textures = class _Textures {
+      /** Creates the shared checkerboard from pixels without fetching or decoding an image. */
+      static getMissing() {
+        return Caching.textureCache.get("builtin:missing-texture", () => {
+          const size = 64;
+          const data = new Uint8Array(size * size * 4);
+          for (let y = 0; y < size; y++) {
+            for (let x = 0; x < size; x++) {
+              const offset = (y * size + x) * 4;
+              const color = (x + y) % 2 === 0 ? 255 : 0;
+              data[offset] = data[offset + 2] = color;
+              data[offset + 3] = 255;
+            }
+          }
+          const texture = new DataTexture(data, size, size);
+          texture.colorSpace = THREE2.SRGBColorSpace;
+          texture.flipY = true;
+          texture.needsUpdate = true;
+          return this.initTextureProps(texture);
+        });
+      }
       static initTextureProps(texture) {
         texture.magFilter = THREE2.NearestFilter;
         texture.minFilter = THREE2.NearestFilter;
@@ -864,13 +903,11 @@ var init_Materials = __esm({
     init_TextureLoader();
     init_Caching();
     Materials = class _Materials {
-      static {
-        this.MISSING_TEXTURE_SRC = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAQMAAACQp+OdAAAABlBMVEX/AP8AAACfphTyAAAAFUlEQVQoz2MIhQKGVVAwKjIqQrwIAHRz/wFI17TEAAAAAElFTkSuQmCC";
-      }
-      // resolved lazily: as a static field this decoded an image the moment the library was
-      // imported, which needs both a DOM and an EnvProvider to already be in place
       static get MISSING_TEXTURE() {
-        return _Materials.getImage({ texture: { src: _Materials.MISSING_TEXTURE_SRC } });
+        return Caching.materialCache.get("builtin:missing-texture", () => new MeshBasicMaterial({
+          map: Textures.getMissing(),
+          alphaTest: 0.5
+        }));
       }
       static createImage(key) {
         const transparent = key.transparent || false;
@@ -2703,7 +2740,7 @@ var init_UVMapper = __esm({
     init_CanvasImage();
     init_TextureAtlas();
     init_Caching();
-    init_ImageLoader();
+    init_Textures();
     init_AssetKey();
     init_ModelGenerator();
     init_log();
@@ -2990,11 +3027,12 @@ var init_UVMapper = __esm({
           const size = Math.ceil(s * maxWidth);
           console.debug(p5, "Atlas size:", size);
           const squaredSize = size * size;
-          const missing = await ImageLoader.getData("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAQMAAACQp+OdAAAABlBMVEX/AP8AAACfphTyAAAAFUlEQVQoz2MIhQKGVVAwKjIqQrwIAHRz/wFI17TEAAAAAElFTkSuQmCC");
-          const empty = await ImageLoader.getData("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAQMAAACQp+OdAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAA5JREFUKM9jGAWjgAIAAAJAAAFSSwuTAAAAAElFTkSuQmCC");
           const image = new CanvasImage(size, size);
-          image.putData(missing, 0, 0);
-          image.putData(empty, 0, 0, 0, 0, maxWidth, maxWidth);
+          const missing = Textures.getMissing().image;
+          const missingPixels = image.context.createImageData(missing.width, missing.height);
+          missingPixels.data.set(missing.data);
+          image.putData(missingPixels, 0, 0);
+          image.context.clearRect(0, 0, maxWidth, maxWidth);
           const positions = {};
           let hasTransparency = false;
           let hasAnimation = false;
@@ -3060,8 +3098,6 @@ var init_UVMapper = __esm({
               ty++;
             }
           }
-          const atlasImageData = image.toDataURL();
-          console.log(p5, "Atlas Image for", model.key, atlasImageData);
           this.fillMissingTextureKeys(model.textures, positions);
           if (isItemModel) {
             console.debug(p5, "Generating item model for", model);
@@ -12880,7 +12916,7 @@ init_util();
 init_Caching();
 init_CacheKey();
 init_MineRenderError();
-import { DataTexture as DataTexture2, DoubleSide as DoubleSide5, FrontSide as FrontSide2, MeshBasicMaterial as MeshBasicMaterial6, SRGBColorSpace as SRGBColorSpace6 } from "three";
+import { DataTexture as DataTexture3, DoubleSide as DoubleSide5, FrontSide as FrontSide2, MeshBasicMaterial as MeshBasicMaterial6, SRGBColorSpace as SRGBColorSpace6 } from "three";
 
 // src/skin/SkinImage.ts
 init_Caching();
@@ -12961,7 +12997,7 @@ var SkinTextures = class {
     });
   }
   static createMaterial(pixels, width, height, transparent = true) {
-    const texture = Textures.initTextureProps(new DataTexture2(pixels, width, height));
+    const texture = Textures.initTextureProps(new DataTexture3(pixels, width, height));
     texture.colorSpace = SRGBColorSpace6;
     texture.flipY = true;
     texture.needsUpdate = true;