minecraft-renderer 0.1.79 → 0.1.81

package/src/three/entity/EntityMesh.ts

@@ -59,7 +59,7 @@ interface JsonModel {
 
 export type CustomModelMetadata = {
   scale?: number
-  offset?: { x?: number, y?: number, z?: number }
+  offset?: { x?: number; y?: number; z?: number }
   texture?: string
   textures?: Record<string, string>
   animation?: string
@@ -81,7 +81,7 @@ interface EntityOverrides {
   customModel?: EntityCustomModel
 }
 
-function normalizeCustomModelParts (custom: EntityCustomModel): CustomModelPart[] {
+function normalizeCustomModelParts(custom: EntityCustomModel): CustomModelPart[] {
   if ('parts' in custom && Array.isArray(custom.parts)) return custom.parts
   return [custom as CustomModelPart]
 }
@@ -184,9 +184,9 @@ function addCube(
 ): void {
   const cubeRotation = new THREE.Euler(0, 0, 0)
   if (cube.rotation) {
-    cubeRotation.x = -cube.rotation[0] * Math.PI / 180
-    cubeRotation.y = -cube.rotation[1] * Math.PI / 180
-    cubeRotation.z = -cube.rotation[2] * Math.PI / 180
+    cubeRotation.x = (-cube.rotation[0] * Math.PI) / 180
+    cubeRotation.y = (-cube.rotation[1] * Math.PI) / 180
+    cubeRotation.z = (-cube.rotation[2] * Math.PI) / 180
   }
   for (const { dir, corners, u0, v0, u1, v1 } of Object.values(elemFaces)) {
     const ndx = Math.floor(attr.positions.length / 3)
@@ -295,18 +295,18 @@ export function getMesh(
       bone.position.z = jsonBone.pivot[2]
     }
     if (jsonBone.bind_pose_rotation) {
-      bone.rotation.x = -jsonBone.bind_pose_rotation[0] * Math.PI / 180
-      bone.rotation.y = -jsonBone.bind_pose_rotation[1] * Math.PI / 180
-      bone.rotation.z = -jsonBone.bind_pose_rotation[2] * Math.PI / 180
+      bone.rotation.x = (-jsonBone.bind_pose_rotation[0] * Math.PI) / 180
+      bone.rotation.y = (-jsonBone.bind_pose_rotation[1] * Math.PI) / 180
+      bone.rotation.z = (-jsonBone.bind_pose_rotation[2] * Math.PI) / 180
     } else if (jsonBone.rotation) {
-      bone.rotation.x = -jsonBone.rotation[0] * Math.PI / 180
-      bone.rotation.y = -jsonBone.rotation[1] * Math.PI / 180
-      bone.rotation.z = -jsonBone.rotation[2] * Math.PI / 180
+      bone.rotation.x = (-jsonBone.rotation[0] * Math.PI) / 180
+      bone.rotation.y = (-jsonBone.rotation[1] * Math.PI) / 180
+      bone.rotation.z = (-jsonBone.rotation[2] * Math.PI) / 180
     }
     if (overrides.rotation?.[jsonBone.name]) {
-      bone.rotation.x -= (overrides.rotation[jsonBone.name].x ?? 0) * Math.PI / 180
-      bone.rotation.y -= (overrides.rotation[jsonBone.name].y ?? 0) * Math.PI / 180
-      bone.rotation.z -= (overrides.rotation[jsonBone.name].z ?? 0) * Math.PI / 180
+      bone.rotation.x -= ((overrides.rotation[jsonBone.name].x ?? 0) * Math.PI) / 180
+      bone.rotation.y -= ((overrides.rotation[jsonBone.name].y ?? 0) * Math.PI) / 180
+      bone.rotation.z -= ((overrides.rotation[jsonBone.name].z ?? 0) * Math.PI) / 180
     }
     bone.name = `bone_${jsonBone.name}`
     bones[jsonBone.name] = bone
@@ -356,31 +356,35 @@ export function getMesh(
     loadedTexture.needsUpdate = true
     material.map = loadedTexture
   } else {
-    void loadTexture(texture, loadedTexture => {
-      if (material.map) {
-        // texture is already loaded
-        return
-      }
-      loadedTexture.magFilter = THREE.NearestFilter
-      loadedTexture.minFilter = THREE.NearestFilter
-      loadedTexture.flipY = false
-      loadedTexture.wrapS = THREE.RepeatWrapping
-      loadedTexture.wrapT = THREE.RepeatWrapping
-      material.map = loadedTexture
-    }, () => {
-      // This callback runs after the texture is fully loaded
-      const map = material.map as THREE.Texture<HTMLImageElement | ImageBitmap> | null
-      if (!map) return
-      const actualWidth = map.image.width
-      if (actualWidth && textureWidth !== actualWidth) {
-        map.repeat.x = textureWidth / actualWidth
-      }
-      const actualHeight = map.image.height
-      if (actualHeight && textureHeight !== actualHeight) {
-        map.repeat.y = textureHeight / actualHeight
+    void loadTexture(
+      texture,
+      loadedTexture => {
+        if (material.map) {
+          // texture is already loaded
+          return
+        }
+        loadedTexture.magFilter = THREE.NearestFilter
+        loadedTexture.minFilter = THREE.NearestFilter
+        loadedTexture.flipY = false
+        loadedTexture.wrapS = THREE.RepeatWrapping
+        loadedTexture.wrapT = THREE.RepeatWrapping
+        material.map = loadedTexture
+      },
+      () => {
+        // This callback runs after the texture is fully loaded
+        const map = material.map as THREE.Texture<HTMLImageElement | ImageBitmap> | null
+        if (!map) return
+        const actualWidth = map.image.width
+        if (actualWidth && textureWidth !== actualWidth) {
+          map.repeat.x = textureWidth / actualWidth
+        }
+        const actualHeight = map.image.height
+        if (actualHeight && textureHeight !== actualHeight) {
+          map.repeat.y = textureHeight / actualHeight
+        }
+        material.needsUpdate = true
       }
-      material.needsUpdate = true
-    })
+    )
   }
 
   return mesh
@@ -418,14 +422,16 @@ const temporaryMappings: EntityMapping[] = [
   { pattern: /_raft$/, target: 'boat' },
   { pattern: /_horse$/, target: 'horse' },
   { pattern: /_zombie$/, target: 'zombie' },
-  { pattern: /_arrow$/, target: 'zombie' },
+  { pattern: /_arrow$/, target: 'zombie' }
 ]
 
 function getEntityMapping(type: string): string | undefined {
   for (const mapping of temporaryMappings) {
     if (typeof mapping.pattern === 'string') {
       if (mapping.pattern === type) return mapping.target
-    } else if (mapping.pattern.test(type)) { return mapping.target }
+    } else if (mapping.pattern.test(type)) {
+      return mapping.target
+    }
   }
   return undefined
 }
@@ -449,9 +455,9 @@ const offsetEntity: Record<string, Vec3> = {
 
 interface EntityGeometry {
   geometry: Array<{
-    name: string;
-    [key: string]: any;
-  }>;
+    name: string
+    [key: string]: any
+  }>
 }
 
 export type EntityModelType = 'obj' | 'bedrock' | 'gltf'
@@ -469,13 +475,7 @@ export class EntityMesh {
   animations?: THREE.AnimationClip[]
   private animationControllers: Array<ReturnType<typeof createAnimatedObject>> = []
 
-  constructor(
-    version: string,
-    type: string,
-    worldRenderer?: WorldRendererThree,
-    overrides: EntityOverrides = {},
-    debugFlags: EntityDebugFlags = {}
-  ) {
+  constructor(version: string, type: string, worldRenderer?: WorldRendererThree, overrides: EntityOverrides = {}, debugFlags: EntityDebugFlags = {}) {
     const originalType = type
     const mappedValue = getEntityMapping(type)
     if (mappedValue) {
@@ -496,43 +496,46 @@ export class EntityMesh {
         switch (modelType) {
           case 'gltf': {
             const loader = new GLTFLoader()
-            void loader.parseAsync(modelPath, '').then(gltf => {
-              partRoot.add(gltf.scene)
-              if (metadata?.scale) {
-                const s = metadata.scale
-                partRoot.scale.set(s, s, s)
-              }
-              if (metadata?.offset) {
-                const { x = 0, y = 0, z = 0 } = metadata.offset
-                partRoot.position.set(x, y, z)
-              }
-              if (metadata?.texture) {
-                const texture = loadNearestFilterTexture(metadata.texture)
-                partRoot.traverse((child) => {
-                  if (child instanceof THREE.Mesh) {
-                    child.material = new THREE.MeshBasicMaterial({
-                      map: texture,
-                      transparent: true,
-                      alphaTest: 0.1
-                    })
+            void loader
+              .parseAsync(modelPath, '')
+              .then(gltf => {
+                partRoot.add(gltf.scene)
+                if (metadata?.scale) {
+                  const s = metadata.scale
+                  partRoot.scale.set(s, s, s)
+                }
+                if (metadata?.offset) {
+                  const { x = 0, y = 0, z = 0 } = metadata.offset
+                  partRoot.position.set(x, y, z)
+                }
+                if (metadata?.texture) {
+                  const texture = loadNearestFilterTexture(metadata.texture)
+                  partRoot.traverse(child => {
+                    if (child instanceof THREE.Mesh) {
+                      child.material = new THREE.MeshBasicMaterial({
+                        map: texture,
+                        transparent: true,
+                        alphaTest: 0.1
+                      })
+                    }
+                  })
+                }
+                if (gltf.animations?.length) {
+                  this.animations = [...(this.animations ?? []), ...gltf.animations]
+                  const controller = createAnimatedObject(partRoot, gltf.animations)
+                  this.animationControllers.push(controller)
+                  const animationName = metadata?.animation
+                  const loop = metadata?.animationLoop ?? true
+                  if (animationName) {
+                    controller.playAnimation(animationName, loop)
+                  } else {
+                    controller.playAnimation(gltf.animations[0].name, loop)
                   }
-                })
-              }
-              if (gltf.animations?.length) {
-                this.animations = [...(this.animations ?? []), ...gltf.animations]
-                const controller = createAnimatedObject(partRoot, gltf.animations)
-                this.animationControllers.push(controller)
-                const animationName = metadata?.animation
-                const loop = metadata?.animationLoop ?? true
-                if (animationName) {
-                  controller.playAnimation(animationName, loop)
-                } else {
-                  controller.playAnimation(gltf.animations[0].name, loop)
                 }
-              }
-            }).catch(err => {
-              console.error('Failed to load GLTF model:', err)
-            })
+              })
+              .catch(err => {
+                console.error('Failed to load GLTF model:', err)
+              })
             break
           }
           case 'obj': {
@@ -553,7 +556,7 @@ export class EntityMesh {
                 transparent: true,
                 alphaTest: 0.1
               })
-              obj.traverse((child) => {
+              obj.traverse(child => {
                 if (child instanceof THREE.Mesh) {
                   child.material = material
                 }
@@ -574,12 +577,13 @@ export class EntityMesh {
             for (const [name, jsonModel] of Object.entries(modelData.geometry)) {
               const texture = metadata?.textures?.[name] ?? modelData.textures?.[name]
               if (!texture) continue
-              const mesh = getMesh(worldRenderer,
-                texture.endsWith('.png') || texture.startsWith('data:image/') || texture.startsWith('block:')
-                  ? texture : texture + '.png',
+              const mesh = getMesh(
+                worldRenderer,
+                texture.endsWith('.png') || texture.startsWith('data:image/') || texture.startsWith('block:') ? texture : texture + '.png',
                 jsonModel as JsonModel,
                 overrides,
-                debugFlags)
+                debugFlags
+              )
               mesh.name = `geometry_${name}`
               partRoot.add(mesh)
             }
@@ -595,15 +599,15 @@ export class EntityMesh {
     if (externalModels[type]) {
       const objLoader = new OBJLoader()
       const texturePathMap = {
-        'zombie_horse': `textures/${version}/entity/horse/horse_zombie.png`,
-        'husk': huskPng,
-        'skeleton_horse': `textures/${version}/entity/horse/horse_skeleton.png`,
-        'donkey': `textures/${version}/entity/horse/donkey.png`,
-        'mule': `textures/${version}/entity/horse/mule.png`,
-        'ocelot': ocelotPng,
-        'arrow': arrowTexture,
-        'spectral_arrow': spectralArrowTexture,
-        'tipped_arrow': tippedArrowTexture
+        zombie_horse: `textures/${version}/entity/horse/horse_zombie.png`,
+        husk: huskPng,
+        skeleton_horse: `textures/${version}/entity/horse/horse_skeleton.png`,
+        donkey: `textures/${version}/entity/horse/donkey.png`,
+        mule: `textures/${version}/entity/horse/mule.png`,
+        ocelot: ocelotPng,
+        arrow: arrowTexture,
+        spectral_arrow: spectralArrowTexture,
+        tipped_arrow: tippedArrowTexture
       }
       const tempTextureMap = texturePathMap[originalType] || texturePathMap[type]
       if (tempTextureMap) {
@@ -625,15 +629,16 @@ export class EntityMesh {
       if (scale) obj.scale.set(scale, scale, scale)
       const offset = offsetEntity[originalType]
       if (offset) obj.position.set(offset.x, offset.y, offset.z)
-      obj.traverse((child) => {
+      obj.traverse(child => {
         if (child instanceof THREE.Mesh) {
           child.material = material
           // todo
           if (child.name === 'Head layer') child.visible = false
-          if (child.name === 'Head' && overrides.rotation?.head) { // todo
-            child.rotation.x -= (overrides.rotation.head.x ?? 0) * Math.PI / 180
-            child.rotation.y -= (overrides.rotation.head.y ?? 0) * Math.PI / 180
-            child.rotation.z -= (overrides.rotation.head.z ?? 0) * Math.PI / 180
+          if (child.name === 'Head' && overrides.rotation?.head) {
+            // todo
+            child.rotation.x -= ((overrides.rotation.head.x ?? 0) * Math.PI) / 180
+            child.rotation.y -= ((overrides.rotation.head.y ?? 0) * Math.PI) / 180
+            child.rotation.z -= ((overrides.rotation.head.z ?? 0) * Math.PI) / 180
           }
         }
       })
@@ -661,12 +666,13 @@ export class EntityMesh {
       const texture = overrides.textures?.[name] ?? e.textures[name]
       if (!texture) continue
       // console.log(JSON.stringify(jsonModel, null, 2))
-      const mesh = getMesh(worldRenderer,
-        texture.endsWith('.png') || texture.startsWith('data:image/') || texture.startsWith('block:')
-          ? texture : texture + '.png',
+      const mesh = getMesh(
+        worldRenderer,
+        texture.endsWith('.png') || texture.startsWith('data:image/') || texture.startsWith('block:') ? texture : texture + '.png',
         jsonModel,
         overrides,
-        debugFlags)
+        debugFlags
+      )
       mesh.name = `geometry_${name}`
       this.mesh.add(mesh)
     }

package/src/three/entity/animations.js

@@ -1,7 +1,7 @@
 //@ts-check
 import { PlayerAnimation } from 'skinview3d'
 
-const clamp01 = (v) => Math.max(0, Math.min(1, v))
+const clamp01 = v => Math.max(0, Math.min(1, v))
 const mix = (a, b, t) => a + (b - a) * t
 
 function updateElytraRightWing(player) {
@@ -90,7 +90,7 @@ export class WalkingGeneralSwing extends PlayerAnimation {
       capeRot: player.cape.rotation.clone(),
 
       elytraPos: player.elytra.position.clone(),
-      elytraRot: player.elytra.rotation.clone(),
+      elytraRot: player.elytra.rotation.clone()
     }
   }
 
@@ -213,7 +213,7 @@ const HitAnimation = {
       player.skin.leftArm.position.z = swing * 0.3
       player.skin.leftArm.position.x = 5 - swing * 0.05
     }
-  },
+  }
 }
 
 function applyCrouchPose(player, crouchBlend) {

package/src/three/entity/armorModels.ts

@@ -19,19 +19,19 @@ export { default as elytraTexture } from 'mc-assets/dist/other-textures/latest/e
 export { default as armorModel } from './armorModels.json'
 
 export const armorTextures = {
-  'leather_layer_1': leatherLayer1,
-  'leather_layer_1_overlay': leatherLayer1Overlay,
-  'leather_layer_2': leatherLayer2,
-  'leather_layer_2_overlay': leatherLayer2Overlay,
-  'chainmail_layer_1': chainmailLayer1,
-  'chainmail_layer_2': chainmailLayer2,
-  'iron_layer_1': ironLayer1,
-  'iron_layer_2': ironLayer2,
-  'diamond_layer_1': diamondLayer1,
-  'diamond_layer_2': diamondLayer2,
-  'golden_layer_1': goldenLayer1,
-  'golden_layer_2': goldenLayer2,
-  'netherite_layer_1': netheriteLayer1,
-  'netherite_layer_2': netheriteLayer2,
-  'turtle_layer_1': turtleLayer1
+  leather_layer_1: leatherLayer1,
+  leather_layer_1_overlay: leatherLayer1Overlay,
+  leather_layer_2: leatherLayer2,
+  leather_layer_2_overlay: leatherLayer2Overlay,
+  chainmail_layer_1: chainmailLayer1,
+  chainmail_layer_2: chainmailLayer2,
+  iron_layer_1: ironLayer1,
+  iron_layer_2: ironLayer2,
+  diamond_layer_1: diamondLayer1,
+  diamond_layer_2: diamondLayer2,
+  golden_layer_1: goldenLayer1,
+  golden_layer_2: goldenLayer2,
+  netherite_layer_1: netheriteLayer1,
+  netherite_layer_2: netheriteLayer2,
+  turtle_layer_1: turtleLayer1
 }

package/src/three/entity/gltfAnimationUtils.ts

@@ -43,7 +43,7 @@ export class AnimationManager {
 
     // Set up onBeforeRender callback for renderable objects
     // onBeforeRender only works on renderable objects (Mesh, Line, Points, Sprite)
-    this.object.traverse((child) => {
+    this.object.traverse(child => {
       if (child instanceof THREE.Mesh || child instanceof THREE.Line || child instanceof THREE.Points || child instanceof THREE.Sprite) {
         const originalOnBeforeRender = child.onBeforeRender
         child.onBeforeRender = (renderer, scene, camera, geometry, material, group) => {
@@ -132,10 +132,7 @@ export class AnimationManager {
 /**
  * Convenience function to create and manage animations for an object
  */
-export function createAnimatedObject(
-  object: THREE.Object3D,
-  animations: THREE.AnimationClip[]
-) {
+export function createAnimatedObject(object: THREE.Object3D, animations: THREE.AnimationClip[]) {
   const manager = new AnimationManager(object, animations)
   manager.createAnimationState()
 

package/src/three/fireworks.ts

@@ -62,7 +62,7 @@ export const FIREWORKS_CONFIG = {
   gravity: new THREE.Vector3(0, -0.005, 0),
   friction: 0.998,
   defaultParticleSize: 300,
-  maxActiveFireworks: 5,
+  maxActiveFireworks: 5
 }
 
 // Utility functions
@@ -105,7 +105,13 @@ export const createFireworksTexture = () => {
 }
 
 // Point mesh creation
-const getPointMesh = (num: number, vels: THREE.Vector3[], type: 'seed' | 'trail' | 'default', texture: THREE.Texture, particleSize = FIREWORKS_CONFIG.defaultParticleSize) => {
+const getPointMesh = (
+  num: number,
+  vels: THREE.Vector3[],
+  type: 'seed' | 'trail' | 'default',
+  texture: THREE.Texture,
+  particleSize = FIREWORKS_CONFIG.defaultParticleSize
+) => {
   const bufferGeometry = new THREE.BufferGeometry()
   const vertices: number[] = []
   const velocities: number[] = []
@@ -175,13 +181,13 @@ const getPointMesh = (num: number, vels: THREE.Vector3[], type: 'seed' | 'trail'
   const shaderMaterial = new THREE.RawShaderMaterial({
     uniforms: {
       size: { value: FIREWORKS_CONFIG.textureSize },
-      texture: { value: texture },
+      texture: { value: texture }
     },
     transparent: true,
     depthWrite: false,
     blending: THREE.AdditiveBlending,
     vertexShader,
-    fragmentShader,
+    fragmentShader
   })
 
   return new THREE.Points(bufferGeometry, shaderMaterial)
@@ -193,13 +199,13 @@ export class ParticleMesh {
   timerStartFading: number
   mesh: THREE.Points
 
-  constructor (num: number, vels: THREE.Vector3[], type: 'seed' | 'trail' | 'default', texture: THREE.Texture, particleSize?: number) {
+  constructor(num: number, vels: THREE.Vector3[], type: 'seed' | 'trail' | 'default', texture: THREE.Texture, particleSize?: number) {
     this.particleNum = num
     this.timerStartFading = 10
     this.mesh = getPointMesh(num, vels, type, texture, particleSize)
   }
 
-  update (gravity: THREE.Vector3) {
+  update(gravity: THREE.Vector3) {
     if (this.timerStartFading > 0) this.timerStartFading -= 0.3
 
     const position = this.mesh.geometry.attributes.position as THREE.BufferAttribute
@@ -234,18 +240,18 @@ export class ParticleMesh {
     color.needsUpdate = true
   }
 
-  disposeAll () {
+  disposeAll() {
     this.mesh.geometry.dispose()
     ;(this.mesh.material as THREE.Material).dispose()
   }
 }
 
 export class ParticleSeedMesh extends ParticleMesh {
-  constructor (num: number, vels: THREE.Vector3[], texture: THREE.Texture) {
+  constructor(num: number, vels: THREE.Vector3[], texture: THREE.Texture) {
     super(num, vels, 'seed', texture)
   }
 
-  update (gravity: THREE.Vector3) {
+  update(gravity: THREE.Vector3) {
     const position = this.mesh.geometry.attributes.position as THREE.BufferAttribute
     const velocity = this.mesh.geometry.attributes.velocity as THREE.BufferAttribute
     const color = this.mesh.geometry.attributes.color as THREE.BufferAttribute
@@ -284,11 +290,11 @@ export class ParticleSeedMesh extends ParticleMesh {
 }
 
 export class ParticleTailMesh extends ParticleMesh {
-  constructor (num: number, vels: THREE.Vector3[], texture: THREE.Texture) {
+  constructor(num: number, vels: THREE.Vector3[], texture: THREE.Texture) {
     super(num, vels, 'trail', texture)
   }
 
-  update (gravity: THREE.Vector3) {
+  update(gravity: THREE.Vector3) {
     const position = this.mesh.geometry.attributes.position as THREE.BufferAttribute
     const velocity = this.mesh.geometry.attributes.velocity as THREE.BufferAttribute
     const color = this.mesh.geometry.attributes.color as THREE.BufferAttribute
@@ -336,7 +342,7 @@ export class BasicFireworks {
   texture: THREE.Texture
   particleSize: number
 
-  constructor (texture: THREE.Texture, particleSize = FIREWORKS_CONFIG.defaultParticleSize, startPosition?: THREE.Vector3) {
+  constructor(texture: THREE.Texture, particleSize = FIREWORKS_CONFIG.defaultParticleSize, startPosition?: THREE.Vector3) {
     this.meshGroup = new THREE.Group()
     this.isExplode = false
     this.texture = texture
@@ -351,7 +357,7 @@ export class BasicFireworks {
     this.flowerSizeRate = THREE.MathUtils.mapLinear(this.petalsNum, min, max, 0.4, 0.7)
   }
 
-  getSeed (startPosition?: THREE.Vector3): ParticleSeedMesh {
+  getSeed(startPosition?: THREE.Vector3): ParticleSeedMesh {
     const num = 40
     const vels: THREE.Vector3[] = []
 
@@ -376,7 +382,7 @@ export class BasicFireworks {
     return pm
   }
 
-  explode (pos: THREE.Vector3) {
+  explode(pos: THREE.Vector3) {
     this.isExplode = true
     this.flower = this.getFlower(pos)
     this.meshGroup.add(this.flower.mesh)
@@ -384,7 +390,7 @@ export class BasicFireworks {
     this.seed.disposeAll()
   }
 
-  getFlower (pos: THREE.Vector3): ParticleMesh {
+  getFlower(pos: THREE.Vector3): ParticleMesh {
     const num = this.petalsNum
     const vels: THREE.Vector3[] = []
     let radius: number
@@ -425,7 +431,7 @@ export class BasicFireworks {
     return particleMesh
   }
 
-  update (gravity: THREE.Vector3) {
+  update(gravity: THREE.Vector3) {
     if (this.isExplode) {
       this.flower!.update(gravity)
       if (this.life > 0) this.life -= 1
@@ -434,7 +440,7 @@ export class BasicFireworks {
     }
   }
 
-  drawTail () {
+  drawTail() {
     this.seed.update(FIREWORKS_CONFIG.gravity)
 
     const position = this.seed.mesh.geometry.attributes.position as THREE.BufferAttribute
@@ -479,7 +485,7 @@ export class RichFireworks extends BasicFireworks {
   tailMeshGroup: THREE.Group
   tails: ParticleTailMesh[]
 
-  constructor (texture: THREE.Texture, particleSize = FIREWORKS_CONFIG.defaultParticleSize, startPosition?: THREE.Vector3) {
+  constructor(texture: THREE.Texture, particleSize = FIREWORKS_CONFIG.defaultParticleSize, startPosition?: THREE.Vector3) {
     super(texture, particleSize, startPosition)
 
     const max = 150
@@ -490,7 +496,7 @@ export class RichFireworks extends BasicFireworks {
     this.tails = []
   }
 
-  explode (pos: THREE.Vector3) {
+  explode(pos: THREE.Vector3) {
     this.isExplode = true
     this.flower = this.getFlower(pos)
     this.tails = this.getTail()
@@ -498,7 +504,7 @@ export class RichFireworks extends BasicFireworks {
     this.meshGroup.add(this.tailMeshGroup)
   }
 
-  getTail (): ParticleTailMesh[] {
+  getTail(): ParticleTailMesh[] {
     const tails: ParticleTailMesh[] = []
     const num = 20
     const petalColor = this.flower!.mesh.geometry.attributes.color as THREE.BufferAttribute
@@ -537,7 +543,7 @@ export class RichFireworks extends BasicFireworks {
     return tails
   }
 
-  update (gravity: THREE.Vector3) {
+  update(gravity: THREE.Vector3) {
     if (this.isExplode) {
       this.flower!.update(gravity)
 
@@ -548,11 +554,7 @@ export class RichFireworks extends BasicFireworks {
         tail.update(gravity)
 
         const { x, y, z } = getOffsetXYZ(i)
-        const flowerPos = new THREE.Vector3(
-          flowerGeometry.array[x],
-          flowerGeometry.array[y],
-          flowerGeometry.array[z]
-        )
+        const flowerPos = new THREE.Vector3(flowerGeometry.array[x], flowerGeometry.array[y], flowerGeometry.array[z])
 
         const position = tail.mesh.geometry.attributes.position as THREE.BufferAttribute
         const velocity = tail.mesh.geometry.attributes.velocity as THREE.BufferAttribute
@@ -589,7 +591,7 @@ export class FireworksManager {
   particleSize: number
   maxFireworks: number
 
-  constructor (scene: THREE.Scene, sceneOrigin: SceneOrigin, config?: FireworksManagerConfig) {
+  constructor(scene: THREE.Scene, sceneOrigin: SceneOrigin, config?: FireworksManagerConfig) {
     this.fireworksInstances = []
     this.scene = scene
     this.sceneOrigin = sceneOrigin
@@ -598,7 +600,7 @@ export class FireworksManager {
     this.maxFireworks = config?.maxActiveFireworks ?? FIREWORKS_CONFIG.maxActiveFireworks
   }
 
-  launchFirework (options?: FireworkLaunchOptions) {
+  launchFirework(options?: FireworkLaunchOptions) {
     if (this.fireworksInstances.length >= this.maxFireworks) return
 
     const particleSize = options?.particleSize ?? this.particleSize
@@ -622,11 +624,11 @@ export class FireworksManager {
     }
   }
 
-  repositionAll (): void {
+  repositionAll(): void {
     // No-op: tracked objects are automatically repositioned by SceneOrigin
   }
 
-  update () {
+  update() {
     const explodedIndexList: number[] = []
 
     for (let i = this.fireworksInstances.length - 1; i >= 0; i--) {
@@ -656,7 +658,7 @@ export class FireworksManager {
     }
   }
 
-  clear () {
+  clear() {
     for (const instance of this.fireworksInstances) {
       this.sceneOrigin.removeAndUntrack(instance.meshGroup)
       instance.seed.disposeAll()
@@ -668,7 +670,7 @@ export class FireworksManager {
     this.fireworksInstances = []
   }
 
-  dispose () {
+  dispose() {
     this.clear()
     this.texture.dispose()
   }