kiwiengine 0.5.2 → 0.5.4

package/src/node/ext/circle.ts

@@ -29,12 +29,27 @@ export class CircleNode extends TransformableNode<Graphics, EventMap> {
     if (this.#stroke) this._pixiContainer.stroke(this.#stroke)
   }
 
+  set radius(v) {
+    if (v !== this.#radius) {
+      this.#radius = v
+      this.#draw()
+    }
+  }
   get radius() { return this.#radius }
-  set radius(v) { this.#radius = v; this.#draw() }
 
+  set fill(v) {
+    if (v !== this.#fill) {
+      this.#fill = v
+      this.#draw()
+    }
+  }
   get fill() { return this.#fill }
-  set fill(v) { this.#fill = v; this.#draw() }
 
+  set stroke(v) {
+    if (v !== this.#stroke) {
+      this.#stroke = v
+      this.#draw()
+    }
+  }
   get stroke() { return this.#stroke }
-  set stroke(v) { this.#stroke = v; this.#draw() }
 }

package/src/node/ext/deplay.ts

@@ -13,6 +13,7 @@ export class DelayNode extends GameNode<EventMap> {
   }
 
   protected override update(dt: number) {
+    if (this.paused) return
     super.update(dt)
 
     this.#accumulated += dt

package/src/node/ext/dom-container.ts

@@ -45,8 +45,8 @@ export class DomContainerNode extends GameObject {
     return super.renderer
   }
 
-  protected update(dt: number): void {
-    super.update(dt)
+  override _updateWorldTransform() {
+    super._updateWorldTransform()
 
     const renderer = this.renderer
     if (renderer && (renderer._isSizeDirty || this.worldTransform.dirty)) {

package/src/node/ext/interval.ts

@@ -13,6 +13,7 @@ export class IntervalNode extends GameNode<EventMap> {
   }
 
   protected override update(dt: number) {
+    if (this.paused) return
     super.update(dt)
 
     this.#accumulated += dt

package/src/node/ext/particle.ts

@@ -113,7 +113,7 @@ export class ParticleSystem extends GameObject {
     }
   }
 
-  protected update(dt: number) {
+  protected override update(dt: number) {
     super.update(dt)
 
     const ps = this.#particles

package/src/node/ext/rectangle.ts

@@ -37,15 +37,35 @@ export class RectangleNode extends TransformableNode<Graphics, EventMap> {
     if (this.#stroke) this._pixiContainer.stroke(this.#stroke)
   }
 
+  set width(v) {
+    if (v !== this.#width) {
+      this.#width = v
+      this.#draw()
+    }
+  }
   get width() { return this.#width }
-  set width(v) { this.#width = v; this.#draw() }
 
+  set height(v) {
+    if (v !== this.#height) {
+      this.#height = v
+      this.#draw()
+    }
+  }
   get height() { return this.#height }
-  set height(v) { this.#height = v; this.#draw() }
 
+  set fill(v) {
+    if (v !== this.#fill) {
+      this.#fill = v
+      this.#draw()
+    }
+  }
   get fill() { return this.#fill }
-  set fill(v) { this.#fill = v; this.#draw() }
 
+  set stroke(v) {
+    if (v !== this.#stroke) {
+      this.#stroke = v
+      this.#draw()
+    }
+  }
   get stroke() { return this.#stroke }
-  set stroke(v) { this.#stroke = v; this.#draw() }
 }

package/src/node/physics/physics-object.ts

@@ -1,39 +1,15 @@
 import { EventMap } from '@webtaku/event-emitter'
 import Matter, { IChamferableBodyDefinition } from 'matter-js'
 import { Container as PixiContainer } from 'pixi.js'
-import { Collider, ColliderType } from '../../collision/colliders'
 import { GameNode } from '../core/game-node'
 import { isRenderableNode, RenderableNode } from '../core/renderable'
 import { LocalTransform } from '../core/transform'
 import { PhysicsWorld } from './physics-world'
-
-function createEllipseBody(
-  x: number,
-  y: number,
-  width: number,
-  height: number,
-  options: IChamferableBodyDefinition = {},
-  // segLen은 "인접 정점 사이의 목표 간격(px)" 정도로 생각하면 됩니다.
-  segLen = 6
-): Matter.Body {
-  const rx = width / 2
-  const ry = height / 2
-
-  // 주변길이 ~ π(a+b) 근사 → 그 길이를 segLen 간격으로 쪼개서 정점 수 결정
-  const perimeterApprox = Math.PI * (rx + ry)
-  const segments = Math.max(12, Math.ceil(perimeterApprox / segLen))
-
-  const verts = Array.from({ length: segments }, (_, i) => {
-    const t = (i / segments) * Math.PI * 2
-    return { x: Math.cos(t) * rx, y: Math.sin(t) * ry }
-  })
-
-  // fromVertices는 로컬 기준이므로 x,y는 중심 위치로 넘깁니다.
-  return Matter.Bodies.fromVertices(x, y, [verts], options)
-}
+import { Rigidbody, RigidbodyType } from './rigidbodies'
 
 export type PhysicsObjectOptions = {
-  collider: Collider
+  rigidbody: Rigidbody
+
   x?: number
   y?: number
   rotation?: number
@@ -54,7 +30,7 @@ export class PhysicsObject<E extends EventMap = EventMap> extends RenderableNode
   constructor(options: PhysicsObjectOptions) {
     super(new PixiContainer({ sortableChildren: true }))
 
-    const c = options.collider
+    const r = options.rigidbody
     const x = options.x ?? 0
     const y = options.y ?? 0
 
@@ -69,19 +45,14 @@ export class PhysicsObject<E extends EventMap = EventMap> extends RenderableNode
       bodyOptions.angularVelocity = 0
     }
 
-    if (c.type === ColliderType.Rectangle) {
-      this.#matterBody = Matter.Bodies.rectangle(x, y, c.width, c.height, bodyOptions)
-    } else if (c.type === ColliderType.Circle) {
-      this.#matterBody = Matter.Bodies.circle(x, y, c.radius, bodyOptions)
-    } else if (c.type === ColliderType.Ellipse) {
-      this.#matterBody = createEllipseBody(
-        x, y, c.width, c.height, bodyOptions,
-        /* segLen= */ 6 // 더 매끄럽게 하고 싶으면 더 작게
-      )
-    } else if (c.type === ColliderType.Polygon) {
-      this.#matterBody = Matter.Bodies.fromVertices(x, y, [c.vertices], bodyOptions)
+    if (r.type === RigidbodyType.Rectangle) {
+      this.#matterBody = Matter.Bodies.rectangle(x, y, r.width, r.height, bodyOptions)
+    } else if (r.type === RigidbodyType.Circle) {
+      this.#matterBody = Matter.Bodies.circle(x, y, r.radius, bodyOptions)
+    } else if (r.type === RigidbodyType.Polygon) {
+      this.#matterBody = Matter.Bodies.fromVertices(x, y, [r.vertices], bodyOptions)
     } else {
-      throw new Error('Invalid collider type')
+      throw new Error('Invalid rigidbody type')
     }
 
     this.#useYSort = options.useYSort ?? false

package/src/node/physics/physics-world.ts

@@ -27,6 +27,7 @@ export class PhysicsWorld<E extends EventMap = EventMap> extends RenderableNode<
   removeBody(body: Matter.Body) { Matter.World.remove(this.#matterEngine.world, body) }
 
   protected override update(dt: number) {
+    if (this.paused) return
     super.update(dt)
 
     const matterDt = dt * 1000

package/src/node/physics/rigidbodies.ts

@@ -0,0 +1,14 @@
+export enum RigidbodyType {
+  Rectangle,
+  Circle,
+  Polygon,
+}
+
+export type RectangleRigidbody = { type: RigidbodyType.Rectangle, width: number, height: number }
+export type CircleRigidbody = { type: RigidbodyType.Circle, radius: number }
+export type PolygonRigidbody = { type: RigidbodyType.Polygon, vertices: { x: number, y: number }[] }
+
+export type Rigidbody =
+  | RectangleRigidbody
+  | CircleRigidbody
+  | PolygonRigidbody

package/src/renderer/renderer.ts

@@ -150,12 +150,13 @@ export class Renderer extends RenderableNode<PixiContainer, {
   }
 
   #render(dt: number) {
-    this._isSizeDirty = false
-
-    this.update(dt)
+    this.update(dt) // 로직 업데이트
     this._updateWorldTransform()
+    this._resetWorldTransformDirty()
     this.#pixiRenderer?.render(this._pixiContainer)
     this.fpsDisplay?.update()
+
+    this._isSizeDirty = false
   }
 
   _addToLayer(node: RenderableNode<PixiContainer, EventMap>, layerName: string) {

package/src/types/atlas.ts

@@ -0,0 +1,17 @@
+export interface Frame {
+  x: number
+  y: number
+  w: number
+  h: number
+}
+
+export type Animation = {
+  frames: string[],
+  fps: number,
+  loop: boolean
+}
+
+export type Atlas = {
+  frames: Record<string, Frame>
+  animations: Record<string, Animation>
+}