minecraft-renderer 0.1.59 → 0.1.60

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "minecraft-renderer",
-  "version": "0.1.59",
+  "version": "0.1.60",
   "description": "The most Modular Minecraft world renderer with Three.js WebGL backend",
   "type": "module",
   "main": "./dist/index.js",

package/src/lib/createPlayerObject.ts

@@ -10,6 +10,22 @@ export type PlayerObjectType = PlayerObject & {
   realUsername: string
 }
 
+/** Starfield + log-depth world: cutout skin mats need alphaTest and depthWrite (not mesh traverse). */
+export function configurePlayerSkinMaterials (playerObject: PlayerObject): void {
+  const skin = playerObject.skin
+  const materials = [
+    skin.layer1Material,
+    skin.layer1MaterialBiased,
+    skin.layer2Material,
+    skin.layer2MaterialBiased,
+  ]
+  for (const mat of materials) {
+    mat.transparent = true
+    mat.alphaTest = 0.1
+    mat.depthWrite = true
+  }
+}
+
 export function createPlayerObject (options: {
   username?: string
   uuid?: string
@@ -25,12 +41,7 @@ export function createPlayerObject (options: {
   playerObject.realUsername = options.username ?? ''
   playerObject.position.set(0, 16, 0)
 
-  // fix issues with starfield
-  playerObject.traverse((obj) => {
-    if (obj instanceof THREE.Mesh && obj.material instanceof THREE.MeshStandardMaterial) {
-      obj.material.transparent = true
-    }
-  })
+  configurePlayerSkinMaterials(playerObject)
 
   wrapper.add(playerObject as any)
   const scale = options.scale ?? (1 / 16)

package/src/three/entities.ts

@@ -16,7 +16,7 @@ import PrismarineChatLoader from 'prismarine-chat'
 import { loadSkinFromUsername, loadSkinImage, stevePngUrl } from '../lib/utils/skins'
 import { renderComponent } from '../sign-renderer'
 import { createCanvas } from '../lib/utils'
-import { PlayerObjectType } from '../lib/createPlayerObject'
+import { configurePlayerSkinMaterials, PlayerObjectType } from '../lib/createPlayerObject'
 import { getBlockMeshFromModel } from './holdingBlock'
 import { createItemMesh } from './itemMesh'
 import * as Entity from './entity/EntityMesh'
@@ -832,6 +832,7 @@ export class Entities {
       playerObject.skin.map = skinTexture as any
       playerObject.skin.modelType = inferModelType(skinCanvas)
       playerObject.skin['isCustom'] = skinUrl !== stevePngUrl
+      configurePlayerSkinMaterials(playerObject)
 
       let earsCanvas: OffscreenCanvas | undefined
       if (!playerCustomSkinImage) {
@@ -1636,12 +1637,7 @@ export class Entities {
     playerObject.realUsername = entity.username ?? ''
     playerObject.position.set(0, 16, 0)
 
-    // fix issues with starfield
-    playerObject.traverse((obj) => {
-      if (obj instanceof THREE.Mesh && obj.material instanceof THREE.MeshStandardMaterial) {
-        obj.material.transparent = true
-      }
-    })
+    configurePlayerSkinMaterials(playerObject)
 
     wrapper.add(playerObject as any)
     const scale = 1 / 16