feat: Client Side Light Engine!

package.json

@@ -169,7 +169,8 @@
     "timers-browserify": "^2.0.12",
     "typescript": "5.5.4",
     "vitest": "^0.34.6",
-    "yaml": "^2.3.2"
+    "yaml": "^2.3.2",
+    "minecraft-lighting": "file:../minecraft-lighting"
   },
   "optionalDependencies": {
     "cypress": "^10.11.0",

renderer/viewer/lib/lightEngine.ts

@@ -0,0 +1,35 @@
+import { LightWorld, createLightEngineForSyncWorld, convertPrismarineBlockToWorldBlock, fillColumnWithZeroLight } from 'minecraft-lighting'
+import { world } from 'prismarine-world'
+import { WorldRendererCommon } from './worldrendererCommon'
+
+let lightEngine: LightWorld | null = null
+export const getLightEngine = () => {
+  if (!lightEngine) throw new Error('Light engine not initialized')
+  return lightEngine
+}
+export const getLightEngineSafe = () => {
+  return lightEngine
+}
+
+export const createLightEngine = (world: WorldRendererCommon) => {
+  lightEngine = createLightEngineForSyncWorld(world.displayOptions.worldView.world as unknown as world.WorldSync, loadedData, {
+    minY: world.worldSizeParams.minY,
+    height: world.worldSizeParams.worldHeight,
+    enableSkyLight: false,
+  })
+  lightEngine.PARALLEL_CHUNK_PROCESSING = false
+  globalThis.lightEngine = lightEngine
+}
+
+export const processLightChunk = async (x: number, z: number) => {
+  const chunkX = Math.floor(x / 16)
+  const chunkZ = Math.floor(z / 16)
+  const engine = getLightEngine()
+  // fillColumnWithZeroLight(engine.externalWorld, chunkX, chunkZ)
+  return engine.receiveUpdateColumn(chunkX, chunkZ)
+}
+
+export const updateBlockLight = (x: number, y: number, z: number, stateId: number) => {
+  const engine = getLightEngine()
+  engine.setBlock(x, y, z, convertPrismarineBlockToWorldBlock(mcData.blocks[stateId], loadedData))
+}

renderer/viewer/lib/mesher/mesher.ts

@@ -107,6 +107,9 @@ const handleMessage = data => {
     }
     case 'chunk': {
       world.addColumn(data.x, data.z, data.chunk)
+      if (data.lightData) {
+        world.lightHolder.loadChunk(data.lightData)
+      }
       if (data.customBlockModels) {
         const chunkKey = `${data.x},${data.z}`
         world.customBlockModels.set(chunkKey, data.customBlockModels)

renderer/viewer/lib/mesher/world.ts

@@ -1,3 +1,4 @@
+import { WorldLightHolder } from 'minecraft-lighting/dist/worldLightHolder'
 import Chunks from 'prismarine-chunk'
 import mcData from 'minecraft-data'
 import { Block } from 'prismarine-block'
@@ -32,6 +33,7 @@ export type WorldBlock = Omit<Block, 'position'> & {
 }
 
 export class World {
+  lightHolder = new WorldLightHolder(0, 0)
   config = defaultMesherConfig
   Chunk: typeof import('prismarine-chunk/types/index').PCChunk
   columns = {} as { [key: string]: import('prismarine-chunk/types/index').PCChunk }
@@ -51,6 +53,7 @@ export class World {
   }
 
   getLight (pos: Vec3, isNeighbor = false, skipMoreChecks = false, curBlockName = '') {
+    const IS_USING_SERVER_LIGHTING = false
     // for easier testing
     if (!(pos instanceof Vec3)) pos = new Vec3(...pos as [number, number, number])
     const { enableLighting, skyLight } = this.config
@@ -62,29 +65,43 @@ export class World {
     let result = Math.min(
       15,
       Math.max(
-        column.getBlockLight(posInChunk(pos)),
-        Math.min(skyLight, column.getSkyLight(posInChunk(pos)))
-      ) + 2
+        this.getBlockLight(pos),
+        Math.min(skyLight, this.getSkyLight(pos))
+      )
     )
+    const MIN_LIGHT_LEVEL = 2
+    result = Math.max(result, MIN_LIGHT_LEVEL)
     // lightsCache.set(key, result)
-    if (result === 2 && [this.getBlock(pos)?.name ?? '', curBlockName].some(x => /_stairs|slab|glass_pane/.exec(x)) && !skipMoreChecks) { // todo this is obviously wrong
-      const lights = [
-        this.getLight(pos.offset(0, 1, 0), undefined, true),
-        this.getLight(pos.offset(0, -1, 0), undefined, true),
-        this.getLight(pos.offset(0, 0, 1), undefined, true),
-        this.getLight(pos.offset(0, 0, -1), undefined, true),
-        this.getLight(pos.offset(1, 0, 0), undefined, true),
-        this.getLight(pos.offset(-1, 0, 0), undefined, true)
-      ].filter(x => x !== 2)
-      if (lights.length) {
-        const min = Math.min(...lights)
-        result = min
+    if (result === 2 && IS_USING_SERVER_LIGHTING) {
+      if ([this.getBlock(pos)?.name ?? '', curBlockName].some(x => /_stairs|slab|glass_pane/.exec(x)) && !skipMoreChecks) { // todo this is obviously wrong
+        const lights = [
+          this.getLight(pos.offset(0, 1, 0), undefined, true),
+          this.getLight(pos.offset(0, -1, 0), undefined, true),
+          this.getLight(pos.offset(0, 0, 1), undefined, true),
+          this.getLight(pos.offset(0, 0, -1), undefined, true),
+          this.getLight(pos.offset(1, 0, 0), undefined, true),
+          this.getLight(pos.offset(-1, 0, 0), undefined, true)
+        ].filter(x => x !== 2)
+        if (lights.length) {
+          const min = Math.min(...lights)
+          result = min
+        }
       }
+      if (isNeighbor) result = 15 // TODO
     }
-    if (isNeighbor && result === 2) result = 15 // TODO
     return result
   }
 
+  getBlockLight (pos: Vec3) {
+    return this.lightHolder.getBlockLight(pos.x, pos.y, pos.z)
+    // return column.getBlockLight(posInChunk(pos))
+  }
+
+  getSkyLight (pos: Vec3) {
+    return this.lightHolder.getSkyLight(pos.x, pos.y, pos.z)
+    // return column.getSkyLight(posInChunk(pos))
+  }
+
   addColumn (x, z, json) {
     const chunk = this.Chunk.fromJson(json)
     this.columns[columnKey(x, z)] = chunk as any

renderer/viewer/lib/worldDataEmitter.ts

@@ -7,10 +7,9 @@ import { Vec3 } from 'vec3'
 import { BotEvents } from 'mineflayer'
 import { proxy } from 'valtio'
 import TypedEmitter from 'typed-emitter'
-import { getItemFromBlock } from '../../../src/chatUtils'
 import { delayedIterator } from '../../playground/shared'
-import { playerState } from '../../../src/mineflayer/playerState'
 import { chunkPos } from './simpleUtils'
+import { processLightChunk, updateBlockLight } from './lightEngine'
 
 export type ChunkPosKey = string // like '16,16'
 type ChunkPos = { x: number, z: number } // like { x: 16, z: 16 }
@@ -81,6 +80,7 @@ export class WorldDataEmitter extends (EventEmitter as new () => TypedEmitter<Wo
     //   return
     // }
 
+    updateBlockLight(position.x, position.y, position.z, stateId)
     this.emit('blockUpdate', { pos: position, stateId })
   }
 
@@ -252,13 +252,23 @@ export class WorldDataEmitter extends (EventEmitter as new () => TypedEmitter<Wo
 
   async loadChunk (pos: ChunkPos, isLightUpdate = false, reason = 'spiral') {
     const [botX, botZ] = chunkPos(this.lastPos)
+    const chunkX = Math.floor(pos.x / 16)
+    const chunkZ = Math.floor(pos.z / 16)
 
-    const dx = Math.abs(botX - Math.floor(pos.x / 16))
-    const dz = Math.abs(botZ - Math.floor(pos.z / 16))
+    const dx = Math.abs(botX - chunkX)
+    const dz = Math.abs(botZ - chunkZ)
     if (dx <= this.viewDistance && dz <= this.viewDistance) {
       // eslint-disable-next-line @typescript-eslint/await-thenable -- todo allow to use async world provider but not sure if needed
       const column = await this.world.getColumnAt(pos['y'] ? pos as Vec3 : new Vec3(pos.x, 0, pos.z))
       if (column) {
+        const result = await processLightChunk(pos.x, pos.z)
+        if (!result) return
+        for (const affectedChunk of result) {
+          if (affectedChunk.x === chunkX && affectedChunk.z === chunkZ) continue
+          const loadedChunk = this.loadedChunks[`${affectedChunk.x},${affectedChunk.z}`]
+          if (!loadedChunk) continue
+          void this.loadChunk(new Vec3(affectedChunk.x * 16, 0, affectedChunk.z * 16), true)
+        }
         // const latency = Math.floor(performance.now() - this.lastTime)
         // this.debugGotChunkLatency.push(latency)
         // this.lastTime = performance.now()

renderer/viewer/lib/worldrendererCommon.ts

@@ -19,6 +19,7 @@ import { chunkPos } from './simpleUtils'
 import { addNewStat, removeAllStats, removeStat, updatePanesVisibility, updateStatText } from './ui/newStats'
 import { WorldDataEmitter } from './worldDataEmitter'
 import { IPlayerState } from './basePlayerState'
+import { createLightEngine, getLightEngine, getLightEngineSafe } from './lightEngine'
 import { MesherLogReader } from './mesherlogReader'
 
 function mod (x, n) {
@@ -169,6 +170,8 @@ export abstract class WorldRendererCommon<WorkerSend = any, WorkerReceive = any>
   }
 
   constructor (public readonly resourcesManager: ResourcesManager, public displayOptions: DisplayWorldOptions, public initOptions: GraphicsInitOptions) {
+    createLightEngine(this)
+
     // this.initWorkers(1) // preload script on page load
     this.snapshotInitialValues()
     this.worldRendererConfig = displayOptions.inWorldRenderingConfig
@@ -610,7 +613,8 @@ export abstract class WorldRendererCommon<WorkerSend = any, WorkerReceive = any>
         x,
         z,
         chunk,
-        customBlockModels: customBlockModels || undefined
+        customBlockModels: customBlockModels || undefined,
+        lightData: getLightEngineSafe()?.worldLightHolder.dumpChunk(x, z)
       })
     }
     this.logWorkerWork(() => `-> chunk ${JSON.stringify({ x, z, chunkLength: chunk.length, customBlockModelsLength: customBlockModels ? Object.keys(customBlockModels).length : 0 })}`)

src/optionsStorage.ts

@@ -97,7 +97,7 @@ const defaultOptions = {
   showCursorBlockInSpectator: false,
   renderEntities: true,
   smoothLighting: true,
-  newVersionsLighting: false,
+  newVersionsLighting: true,
   chatSelect: true,
   autoJump: 'auto' as 'auto' | 'always' | 'never',
   autoParkour: false,