kiwiengine 0.0.1-alpha → 0.5.3

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAe,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAqB,MAAM,2BAA2B,CAAC;AAE1E,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC","sourcesContent":["export { musicPlayer, sfxPlayer } from './asset/audio';\nexport { AssetSource, preload } from './asset/preload';\nexport { AnimatedSpriteObject } from './game-object-ext/animated-sprite';\nexport { DomContainerObject } from './game-object-ext/dom-container';\nexport { RectangleObject } from './game-object-ext/rect';\nexport { SpineObject } from './game-object-ext/spine';\nexport { SpriteObject } from './game-object-ext/sprite';\nexport { TextObject } from './game-object-ext/text';\nexport { GameObject, GameObjectOptions } from './game-object/game-object';\nexport { Collider } from './game-object/game-object-physics';\nexport { enableDebug } from './utils/debug';\nexport { go } from './utils/go';\nexport { World } from './world/world';\n\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO;AACP,OAAO,EAAE,UAAU,EAAqB,MAAM,yBAAyB,CAAA;AAEvE,WAAW;AACX,OAAO,EAAE,QAAQ,EAAmB,MAAM,qBAAqB,CAAA;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,SAAS;AACT,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAe,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAEtD,YAAY;AACZ,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAA4B,YAAY,EAAuD,MAAM,uBAAuB,CAAA;AAEnI,kBAAkB;AAClB,OAAO,EAAE,kBAAkB,EAA6B,MAAM,4BAA4B,CAAA;AAC1F,OAAO,EAAE,cAAc,EAAyB,MAAM,wBAAwB,CAAA;AAC9E,OAAO,EAAE,UAAU,EAAqB,MAAM,mBAAmB,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,EAAE,gBAAgB,EAA2B,MAAM,0BAA0B,CAAA;AACpF,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,OAAO,EAAE,cAAc,EAAyB,MAAM,qBAAqB,CAAA;AAC3E,OAAO,EAAE,aAAa,EAAwB,MAAM,sBAAsB,CAAA;AAC1E,OAAO,EAAE,SAAS,EAAoB,MAAM,kBAAkB,CAAA;AAC9D,OAAO,EAAE,UAAU,EAAqB,MAAM,mBAAmB,CAAA;AAEjE,UAAU;AACV,OAAO,EAAE,aAAa,EAAwB,MAAM,+BAA+B,CAAA;AACnF,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAoE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAE5H,YAAY;AACZ,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,EAAE,iBAAiB,EAA4B,MAAM,oBAAoB,CAAA;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAwB,MAAM,kBAAkB,CAAA;AACtE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAEtD,QAAQ;AACR,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAE3C,QAAQ;AACR,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,QAAQ;AACR,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA","sourcesContent":["// Core\nexport { GameObject, GameObjectOptions } from './node/core/game-object'\n\n// Renderer\nexport { Renderer, RendererOptions } from './renderer/renderer'\nexport { Ticker } from './renderer/ticker'\n\n// Assets\nexport { musicPlayer, sfxPlayer } from './asset/audio'\nexport { AssetSource, preload } from './asset/preload'\n\n// Collision\nexport { checkCollision } from './collision/check-collision'\nexport { CircleCollider, Collider, ColliderType, EllipseCollider, PolygonCollider, RectangleCollider } from './collision/colliders'\n\n// Node Extensions\nexport { AnimatedSpriteNode, AnimatedSpriteNodeOptions } from './node/ext/animated-sprite'\nexport { BitmapTextNode, BitmapTextNodeOptions } from './node/ext/bitmap-text'\nexport { CircleNode, CircleNodeOptions } from './node/ext/circle'\nexport { DelayNode } from './node/ext/deplay'\nexport { DomContainerNode, DomContainerNodeOptions } from './node/ext/dom-container'\nexport { IntervalNode } from './node/ext/interval'\nexport { ParticleSystem, ParticleSystemOptions } from './node/ext/particle'\nexport { RectangleNode, RectangleNodeOptions } from './node/ext/rectangle'\nexport { SpineNode, SpineNodeOptions } from './node/ext/spine'\nexport { SpriteNode, SpriteNodeOptions } from './node/ext/sprite'\n\n// Physics\nexport { PhysicsObject, PhysicsObjectOptions } from './node/physics/physics-object'\nexport { PhysicsWorld } from './node/physics/physics-world'\nexport { CircleRigidbody, PolygonRigidbody, RectangleRigidbody, Rigidbody, RigidbodyType } from './node/physics/rigidbodies'\n\n// DOM Nodes\nexport { DomAnimatedSpriteNode } from './dom/dom-animated-sprite'\nexport { DomParticleSystem, DomParticleSystemOptions } from './dom/dom-particle'\nexport { domPreload } from './dom/dom-preload'\nexport { DomSpriteNode, DomSpriteNodeOptions } from './dom/dom-sprite'\nexport { setStyle, textStroke } from './dom/dom-utils'\n\n// Input\nexport { Joystick } from './input/joystick'\n\n// Utils\nexport { isMobile } from './utils/device'\n\n// Debug\nexport { debugMode, enableDebug } from './debug'\n\n"]}

package/lib/input/joystick.js

@@ -0,0 +1,262 @@
+import { setStyle } from '../dom/dom-utils';
+import { GameObject } from '../node/core/game-object';
+const ARROW_CODES = new Set(['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight']);
+function isArrow(code) {
+    return ARROW_CODES.has(code);
+}
+function clampVector(dx, dy, maxR) {
+    const dist = Math.hypot(dx, dy);
+    if (dist <= maxR || dist === 0)
+        return { x: dx, y: dy, dist };
+    const s = maxR / dist;
+    return { x: dx * s, y: dy * s, dist: maxR };
+}
+function setPosition(el, left, top) {
+    if (!el)
+        return;
+    el.style.left = `${left}px`;
+    el.style.top = `${top}px`;
+}
+export class Joystick extends GameObject {
+    // 키보드 상태
+    #codesPressed = new Set();
+    #arrowCodesPressed = new Set();
+    // 터치 상태
+    #activeTouchId;
+    #touchStartX = 0;
+    #touchStartY = 0;
+    #moving = false;
+    // DOM (터치용)
+    #joystickImage;
+    #knobImage;
+    #maxKnobDistance;
+    #moveThreshold;
+    #idlePosition;
+    // 콜백
+    #onMove;
+    #onRelease;
+    #onKeydown;
+    constructor(options) {
+        super();
+        this.#onMove = options.onMove;
+        this.#onRelease = options.onRelease;
+        this.#onKeydown = options.onKeyDown;
+        this.#joystickImage = options.joystickImage;
+        this.#knobImage = options.knobImage;
+        this.#maxKnobDistance = options.maxKnobDistance ?? 80;
+        this.#moveThreshold = options.moveThreshold ?? 0;
+        this.#idlePosition = options.idlePosition ?? { left: -999999, top: -999999 };
+        window.addEventListener('keydown', this.#onKeyDown);
+        window.addEventListener('keyup', this.#onKeyUp);
+        window.addEventListener('blur', this.#onBlur);
+    }
+    set renderer(renderer) {
+        const prev = super.renderer;
+        if (prev) {
+            const pc = prev.container;
+            pc.removeEventListener('touchstart', this.#onTouchStart);
+            pc.removeEventListener('touchmove', this.#onTouchMove);
+            pc.removeEventListener('touchend', this.#onTouchEnd);
+            pc.removeEventListener('touchcancel', this.#onTouchEnd);
+        }
+        super.renderer = renderer;
+        if (renderer) {
+            const c = renderer.container;
+            c.addEventListener('touchstart', this.#onTouchStart, { passive: false });
+            c.addEventListener('touchmove', this.#onTouchMove, { passive: false });
+            c.addEventListener('touchend', this.#onTouchEnd);
+            c.addEventListener('touchcancel', this.#onTouchEnd);
+            if (this.#joystickImage) {
+                setStyle(this.#joystickImage, {
+                    position: 'absolute',
+                    left: `${this.#idlePosition.left}px`,
+                    top: `${this.#idlePosition.top}px`,
+                    zIndex: '999998',
+                    transform: 'translate(-50%, -50%)',
+                    pointerEvents: 'none',
+                });
+                c.appendChild(this.#joystickImage);
+            }
+            if (this.#knobImage) {
+                setStyle(this.#knobImage, {
+                    position: 'absolute',
+                    left: `${this.#idlePosition.left}px`,
+                    top: `${this.#idlePosition.top}px`,
+                    zIndex: '999999',
+                    transform: 'translate(-50%, -50%)',
+                    pointerEvents: 'none',
+                });
+                c.appendChild(this.#knobImage);
+            }
+        }
+    }
+    get renderer() {
+        return super.renderer;
+    }
+    #onTouchStart = (event) => {
+        if (this.paused)
+            return;
+        event.preventDefault();
+        if (this.#activeTouchId !== undefined)
+            return;
+        const touch = event.changedTouches[0];
+        this.#activeTouchId = touch.identifier;
+        this.#touchStartX = touch.clientX;
+        this.#touchStartY = touch.clientY;
+        this.#moving = false;
+        if (!this.renderer)
+            return;
+        const r = this.renderer.container.getBoundingClientRect();
+        const left = this.#touchStartX - r.left;
+        const top = this.#touchStartY - r.top;
+        setPosition(this.#joystickImage, left, top);
+        setPosition(this.#knobImage, left, top);
+    };
+    #onTouchMove = (event) => {
+        if (this.paused)
+            return;
+        event.preventDefault();
+        if (this.#activeTouchId === undefined)
+            return;
+        for (let i = 0; i < event.changedTouches.length; i++) {
+            const t = event.changedTouches[i];
+            if (t.identifier !== this.#activeTouchId)
+                continue;
+            const dx = t.clientX - this.#touchStartX;
+            const dy = t.clientY - this.#touchStartY;
+            const { x: cx, y: cy, dist } = clampVector(dx, dy, this.#maxKnobDistance);
+            if (this.renderer) {
+                const r = this.renderer.container.getBoundingClientRect();
+                const left = this.#touchStartX - r.left + cx;
+                const top = this.#touchStartY - r.top + cy;
+                setPosition(this.#knobImage, left, top);
+            }
+            if (this.#moving || dist >= this.#moveThreshold) {
+                this.#moving = true;
+                if (cx !== 0 || cy !== 0) {
+                    const radian = Math.atan2(cy, cx);
+                    const normalized = this.#maxKnobDistance === 0 ? 0 : dist / this.#maxKnobDistance;
+                    this.#onMove(radian, normalized);
+                }
+            }
+            break;
+        }
+    };
+    #onTouchEnd = (event) => {
+        if (this.paused || this.#activeTouchId === undefined)
+            return;
+        let ended = false;
+        for (let i = 0; i < event.changedTouches.length; i++) {
+            if (event.changedTouches[i].identifier === this.#activeTouchId) {
+                ended = true;
+                break;
+            }
+        }
+        if (!ended)
+            return;
+        this.#activeTouchId = undefined;
+        // 기본 위치로 복귀
+        const { left, top } = this.#idlePosition;
+        setPosition(this.#joystickImage, left, top);
+        setPosition(this.#knobImage, left, top);
+        if (this.#moving) {
+            this.#moving = false;
+            this.#onRelease();
+        }
+    };
+    #emitFromArrowKeys() {
+        let dx = 0;
+        let dy = 0;
+        if (this.#arrowCodesPressed.has('ArrowUp'))
+            dy -= 1;
+        if (this.#arrowCodesPressed.has('ArrowDown'))
+            dy += 1;
+        if (this.#arrowCodesPressed.has('ArrowLeft'))
+            dx -= 1;
+        if (this.#arrowCodesPressed.has('ArrowRight'))
+            dx += 1;
+        if (dx !== 0 || dy !== 0) {
+            const radian = Math.atan2(dy, dx);
+            // 키보드: strength=1 로 일관 전달
+            this.#onMove(radian, 1);
+        }
+    }
+    #onKeyDown = (event) => {
+        if (this.paused)
+            return;
+        const code = event.code;
+        if (this.#codesPressed.has(code))
+            return;
+        this.#codesPressed.add(code);
+        this.#onKeydown?.(code);
+        if (isArrow(code)) {
+            const target = event.target;
+            const isEditing = !!target?.closest('input, textarea, [contenteditable]:not([contenteditable="false"])');
+            if (!isEditing)
+                event.preventDefault();
+            this.#arrowCodesPressed.add(code);
+            this.#emitFromArrowKeys();
+        }
+    };
+    #onKeyUp = (event) => {
+        if (this.paused)
+            return;
+        const code = event.code;
+        this.#codesPressed.delete(code);
+        if (isArrow(code)) {
+            this.#arrowCodesPressed.delete(code);
+            if (this.#arrowCodesPressed.size === 0) {
+                this.#onRelease();
+            }
+            else {
+                this.#emitFromArrowKeys();
+            }
+        }
+    };
+    #onBlur = () => {
+        if (this.paused)
+            return;
+        // 키보드/터치 공통 릴리즈
+        this.#codesPressed.clear();
+        this.#arrowCodesPressed.clear();
+        this.#activeTouchId = undefined;
+        this.#moving = false;
+        // 기본 위치로 복귀
+        const { left, top } = this.#idlePosition;
+        setPosition(this.#joystickImage, left, top);
+        setPosition(this.#knobImage, left, top);
+        this.#onRelease();
+    };
+    pause() {
+        this.#onBlur();
+        super.pause();
+    }
+    // 조이스틱 이미지의 기본 위치(숨김 좌표) 설정
+    setIdlePosition(p) {
+        this.#idlePosition = p;
+        // 드래그 중이면 즉시 반영하지 않음
+        if (this.#activeTouchId !== undefined)
+            return;
+        setPosition(this.#joystickImage, p.left, p.top);
+        setPosition(this.#knobImage, p.left, p.top);
+    }
+    remove() {
+        const renderer = this.renderer;
+        if (renderer) {
+            const c = renderer.container;
+            c.removeEventListener('touchstart', this.#onTouchStart);
+            c.removeEventListener('touchmove', this.#onTouchMove);
+            c.removeEventListener('touchend', this.#onTouchEnd);
+            c.removeEventListener('touchcancel', this.#onTouchEnd);
+        }
+        // 윈도우 리스너 정리
+        window.removeEventListener('keydown', this.#onKeyDown);
+        window.removeEventListener('keyup', this.#onKeyUp);
+        window.removeEventListener('blur', this.#onBlur);
+        // DOM 노드 제거
+        this.#joystickImage?.remove();
+        this.#knobImage?.remove();
+        super.remove();
+    }
+}
+//# sourceMappingURL=joystick.js.map

package/lib/input/joystick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"joystick.js","sourceRoot":"","sources":["../../src/input/joystick.ts"],"names":[],"mappings":"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","sourcesContent":["import { setStyle } from '../dom/dom-utils'\nimport { GameObject } from '../node/core/game-object'\nimport { Renderer } from '../renderer/renderer'\n\nconst ARROW_CODES = new Set(['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'])\n\nfunction isArrow(code: string): boolean {\n  return ARROW_CODES.has(code)\n}\n\nfunction clampVector(dx: number, dy: number, maxR: number) {\n  const dist = Math.hypot(dx, dy)\n  if (dist <= maxR || dist === 0) return { x: dx, y: dy, dist }\n  const s = maxR / dist\n  return { x: dx * s, y: dy * s, dist: maxR }\n}\n\nfunction setPosition(el: HTMLElement | undefined, left: number, top: number) {\n  if (!el) return\n  el.style.left = `${left}px`\n  el.style.top = `${top}px`\n}\n\nexport type JoystickOptions = {\n  // 공통 필수 콜백\n  onMove: (radian: number, strength: number) => void // 키보드일 때 strength=1\n  onRelease: () => void\n\n  // 선택 콜백\n  onKeyDown?: (code: string) => void\n\n  // (선택) 터치 전용 리소스/옵션\n  joystickImage?: HTMLElement         // 조이스틱 배경\n  knobImage?: HTMLElement             // 노브(스틱)\n  maxKnobDistance?: number            // px (기본 80)\n  moveThreshold?: number              // px (기본 0)\n  idlePosition?: { left: number; top: number } // 이미지 기본 위치 (기본값은 숨김 위치 -999999, -999999)\n}\n\nexport class Joystick extends GameObject {\n  // 키보드 상태\n  #codesPressed = new Set<string>()\n  #arrowCodesPressed = new Set<string>()\n\n  // 터치 상태\n  #activeTouchId?: number\n  #touchStartX = 0\n  #touchStartY = 0\n  #moving = false\n\n  // DOM (터치용)\n  #joystickImage?: HTMLElement\n  #knobImage?: HTMLElement\n  #maxKnobDistance: number\n  #moveThreshold: number\n  #idlePosition: { left: number; top: number }\n\n  // 콜백\n  #onMove: (radian: number, strength: number) => void\n  #onRelease: () => void\n  #onKeydown?: (code: string) => void\n\n  constructor(options: JoystickOptions) {\n    super()\n\n    this.#onMove = options.onMove\n    this.#onRelease = options.onRelease\n    this.#onKeydown = options.onKeyDown\n    this.#joystickImage = options.joystickImage\n    this.#knobImage = options.knobImage\n    this.#maxKnobDistance = options.maxKnobDistance ?? 80\n    this.#moveThreshold = options.moveThreshold ?? 0\n    this.#idlePosition = options.idlePosition ?? { left: -999999, top: -999999 }\n\n    window.addEventListener('keydown', this.#onKeyDown)\n    window.addEventListener('keyup', this.#onKeyUp)\n    window.addEventListener('blur', this.#onBlur)\n  }\n\n  protected override set renderer(renderer: Renderer | undefined) {\n    const prev = super.renderer\n    if (prev) {\n      const pc = prev.container\n      pc.removeEventListener('touchstart', this.#onTouchStart)\n      pc.removeEventListener('touchmove', this.#onTouchMove)\n      pc.removeEventListener('touchend', this.#onTouchEnd)\n      pc.removeEventListener('touchcancel', this.#onTouchEnd)\n    }\n\n    super.renderer = renderer\n    if (renderer) {\n      const c = renderer.container\n      c.addEventListener('touchstart', this.#onTouchStart, { passive: false })\n      c.addEventListener('touchmove', this.#onTouchMove, { passive: false })\n      c.addEventListener('touchend', this.#onTouchEnd)\n      c.addEventListener('touchcancel', this.#onTouchEnd)\n\n      if (this.#joystickImage) {\n        setStyle(this.#joystickImage, {\n          position: 'absolute',\n          left: `${this.#idlePosition.left}px`,\n          top: `${this.#idlePosition.top}px`,\n          zIndex: '999998',\n          transform: 'translate(-50%, -50%)',\n          pointerEvents: 'none',\n        })\n        c.appendChild(this.#joystickImage)\n      }\n\n      if (this.#knobImage) {\n        setStyle(this.#knobImage, {\n          position: 'absolute',\n          left: `${this.#idlePosition.left}px`,\n          top: `${this.#idlePosition.top}px`,\n          zIndex: '999999',\n          transform: 'translate(-50%, -50%)',\n          pointerEvents: 'none',\n        })\n        c.appendChild(this.#knobImage)\n      }\n    }\n  }\n\n  protected override get renderer() {\n    return super.renderer\n  }\n\n  #onTouchStart = (event: TouchEvent) => {\n    if (this.paused) return\n    event.preventDefault()\n\n    if (this.#activeTouchId !== undefined) return\n\n    const touch = event.changedTouches[0]\n    this.#activeTouchId = touch.identifier\n    this.#touchStartX = touch.clientX\n    this.#touchStartY = touch.clientY\n    this.#moving = false\n\n    if (!this.renderer) return\n\n    const r = this.renderer.container.getBoundingClientRect()\n    const left = this.#touchStartX - r.left\n    const top = this.#touchStartY - r.top\n\n    setPosition(this.#joystickImage, left, top)\n    setPosition(this.#knobImage, left, top)\n  }\n\n  #onTouchMove = (event: TouchEvent) => {\n    if (this.paused) return\n    event.preventDefault()\n\n    if (this.#activeTouchId === undefined) return\n\n    for (let i = 0; i < event.changedTouches.length; i++) {\n      const t = event.changedTouches[i]\n      if (t.identifier !== this.#activeTouchId) continue\n\n      const dx = t.clientX - this.#touchStartX\n      const dy = t.clientY - this.#touchStartY\n\n      const { x: cx, y: cy, dist } = clampVector(dx, dy, this.#maxKnobDistance)\n\n      if (this.renderer) {\n        const r = this.renderer.container.getBoundingClientRect()\n        const left = this.#touchStartX - r.left + cx\n        const top = this.#touchStartY - r.top + cy\n        setPosition(this.#knobImage, left, top)\n      }\n\n      if (this.#moving || dist >= this.#moveThreshold) {\n        this.#moving = true\n        if (cx !== 0 || cy !== 0) {\n          const radian = Math.atan2(cy, cx)\n          const normalized = this.#maxKnobDistance === 0 ? 0 : dist / this.#maxKnobDistance\n          this.#onMove(radian, normalized)\n        }\n      }\n      break\n    }\n  }\n\n  #onTouchEnd = (event: TouchEvent) => {\n    if (this.paused || this.#activeTouchId === undefined) return\n\n    let ended = false\n    for (let i = 0; i < event.changedTouches.length; i++) {\n      if (event.changedTouches[i].identifier === this.#activeTouchId) {\n        ended = true\n        break\n      }\n    }\n    if (!ended) return\n\n    this.#activeTouchId = undefined\n\n    // 기본 위치로 복귀\n    const { left, top } = this.#idlePosition\n    setPosition(this.#joystickImage, left, top)\n    setPosition(this.#knobImage, left, top)\n\n    if (this.#moving) {\n      this.#moving = false\n      this.#onRelease()\n    }\n  }\n\n  #emitFromArrowKeys() {\n    let dx = 0\n    let dy = 0\n\n    if (this.#arrowCodesPressed.has('ArrowUp')) dy -= 1\n    if (this.#arrowCodesPressed.has('ArrowDown')) dy += 1\n    if (this.#arrowCodesPressed.has('ArrowLeft')) dx -= 1\n    if (this.#arrowCodesPressed.has('ArrowRight')) dx += 1\n\n    if (dx !== 0 || dy !== 0) {\n      const radian = Math.atan2(dy, dx)\n      // 키보드: strength=1 로 일관 전달\n      this.#onMove(radian, 1)\n    }\n  }\n\n  #onKeyDown = (event: KeyboardEvent) => {\n    if (this.paused) return\n\n    const code = event.code\n    if (this.#codesPressed.has(code)) return\n\n    this.#codesPressed.add(code)\n    this.#onKeydown?.(code)\n\n    if (isArrow(code)) {\n      const target = event.target as HTMLElement | null\n      const isEditing =\n        !!target?.closest('input, textarea, [contenteditable]:not([contenteditable=\"false\"])')\n      if (!isEditing) event.preventDefault()\n\n      this.#arrowCodesPressed.add(code)\n      this.#emitFromArrowKeys()\n    }\n  }\n\n  #onKeyUp = (event: KeyboardEvent) => {\n    if (this.paused) return\n\n    const code = event.code\n    this.#codesPressed.delete(code)\n\n    if (isArrow(code)) {\n      this.#arrowCodesPressed.delete(code)\n\n      if (this.#arrowCodesPressed.size === 0) {\n        this.#onRelease()\n      } else {\n        this.#emitFromArrowKeys()\n      }\n    }\n  }\n\n  #onBlur = () => {\n    if (this.paused) return\n\n    // 키보드/터치 공통 릴리즈\n    this.#codesPressed.clear()\n    this.#arrowCodesPressed.clear()\n    this.#activeTouchId = undefined\n    this.#moving = false\n\n    // 기본 위치로 복귀\n    const { left, top } = this.#idlePosition\n    setPosition(this.#joystickImage, left, top)\n    setPosition(this.#knobImage, left, top)\n\n    this.#onRelease()\n  }\n\n  override pause() {\n    this.#onBlur()\n    super.pause()\n  }\n\n  // 조이스틱 이미지의 기본 위치(숨김 좌표) 설정\n  setIdlePosition(p: { left: number; top: number }): void {\n    this.#idlePosition = p\n\n    // 드래그 중이면 즉시 반영하지 않음\n    if (this.#activeTouchId !== undefined) return\n\n    setPosition(this.#joystickImage, p.left, p.top)\n    setPosition(this.#knobImage, p.left, p.top)\n  }\n\n  override remove() {\n    const renderer = this.renderer\n    if (renderer) {\n      const c = renderer.container\n      c.removeEventListener('touchstart', this.#onTouchStart)\n      c.removeEventListener('touchmove', this.#onTouchMove)\n      c.removeEventListener('touchend', this.#onTouchEnd)\n      c.removeEventListener('touchcancel', this.#onTouchEnd)\n    }\n\n    // 윈도우 리스너 정리\n    window.removeEventListener('keydown', this.#onKeyDown)\n    window.removeEventListener('keyup', this.#onKeyUp)\n    window.removeEventListener('blur', this.#onBlur)\n\n    // DOM 노드 제거\n    this.#joystickImage?.remove()\n    this.#knobImage?.remove()\n\n    super.remove()\n  }\n}\n"]}

package/lib/node/core/dirty-number.js

@@ -0,0 +1,19 @@
+export class DirtyNumber {
+    #value;
+    #isDirty;
+    constructor(initialValue) {
+        this.#value = initialValue;
+        this.#isDirty = false;
+    }
+    get dirty() { return this.#isDirty; }
+    get v() { return this.#value; }
+    set v(newValue) {
+        if (this.#value !== newValue)
+            this.#isDirty = true;
+        this.#value = newValue;
+    }
+    resetDirty() {
+        this.#isDirty = false;
+    }
+}
+//# sourceMappingURL=dirty-number.js.map

package/lib/node/core/dirty-number.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dirty-number.js","sourceRoot":"","sources":["../../../src/node/core/dirty-number.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,WAAW;IACtB,MAAM,CAAQ;IACd,QAAQ,CAAS;IAEjB,YAAY,YAAoB;QAC9B,IAAI,CAAC,MAAM,GAAG,YAAY,CAAA;QAC1B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAA;IACvB,CAAC;IAED,IAAI,KAAK,KAAK,OAAO,IAAI,CAAC,QAAQ,CAAA,CAAC,CAAC;IACpC,IAAI,CAAC,KAAK,OAAO,IAAI,CAAC,MAAM,CAAA,CAAC,CAAC;IAE9B,IAAI,CAAC,CAAC,QAAgB;QACpB,IAAI,IAAI,CAAC,MAAM,KAAK,QAAQ;YAAE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;QAClD,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAA;IACxB,CAAC;IAED,UAAU;QACR,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAA;IACvB,CAAC;CACF","sourcesContent":["export class DirtyNumber {\n  #value: number\n  #isDirty: boolean\n\n  constructor(initialValue: number) {\n    this.#value = initialValue\n    this.#isDirty = false\n  }\n\n  get dirty() { return this.#isDirty }\n  get v() { return this.#value }\n\n  set v(newValue: number) {\n    if (this.#value !== newValue) this.#isDirty = true\n    this.#value = newValue\n  }\n\n  resetDirty() {\n    this.#isDirty = false\n  }\n}\n"]}

package/lib/node/core/game-node.js

@@ -0,0 +1,63 @@
+import { EventEmitter } from '@webtaku/event-emitter';
+export class GameNode extends EventEmitter {
+    #parent;
+    children = [];
+    paused = false;
+    set parent(parent) {
+        this.#parent = parent;
+    }
+    get parent() {
+        return this.#parent;
+    }
+    add(...children) {
+        for (const child of children) {
+            // 기존 부모로부터 제거
+            if (child.#parent) {
+                const idx = child.#parent.children.indexOf(child);
+                if (idx !== -1)
+                    child.#parent.children.splice(idx, 1);
+            }
+            // 새로운 부모 설정
+            child.parent = this;
+            this.children.push(child);
+        }
+    }
+    remove() {
+        super.remove();
+        // 부모로부터 제거
+        if (this.#parent) {
+            const idx = this.#parent.children.indexOf(this);
+            if (idx !== -1)
+                this.#parent.children.splice(idx, 1);
+            this.#parent = undefined;
+        }
+        // 자식 노드 제거
+        for (const child of this.children) {
+            child.parent = undefined;
+            child.remove();
+        }
+        this.children.length = 0;
+    }
+    pause() {
+        this.paused = true;
+        for (const child of this.children) {
+            child.pause();
+        }
+    }
+    resume() {
+        this.paused = false;
+        for (const child of this.children) {
+            child.resume();
+        }
+    }
+    update(dt) {
+        if (this.paused)
+            return;
+        for (const child of this.children) {
+            if (!child.paused)
+                child.update(dt);
+        }
+        this.emit('update', dt);
+    }
+}
+//# sourceMappingURL=game-node.js.map

package/lib/node/core/game-node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"game-node.js","sourceRoot":"","sources":["../../../src/node/core/game-node.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAY,MAAM,wBAAwB,CAAA;AAE/D,MAAM,OAAgB,QAA6B,SAAQ,YAEzD;IACA,OAAO,CAAqB;IAClB,QAAQ,GAAyB,EAAE,CAAC;IAC9C,MAAM,GAAG,KAAK,CAAA;IAEd,IAAc,MAAM,CAAC,MAAsC;QACzD,IAAI,CAAC,OAAO,GAAG,MAAM,CAAA;IACvB,CAAC;IAED,IAAc,MAAM;QAClB,OAAO,IAAI,CAAC,OAAO,CAAA;IACrB,CAAC;IAED,GAAG,CAAC,GAAG,QAA8B;QACnC,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE,CAAC;YAE7B,cAAc;YACd,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;gBAClB,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;gBACjD,IAAI,GAAG,KAAK,CAAC,CAAC;oBAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,CAAA;YACvD,CAAC;YAED,YAAY;YACZ,KAAK,CAAC,MAAM,GAAG,IAAI,CAAA;YACnB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAC3B,CAAC;IACH,CAAC;IAED,MAAM;QACJ,KAAK,CAAC,MAAM,EAAE,CAAA;QAEd,WAAW;QACX,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;YAC/C,IAAI,GAAG,KAAK,CAAC,CAAC;gBAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,CAAA;YACpD,IAAI,CAAC,OAAO,GAAG,SAAS,CAAA;QAC1B,CAAC;QAED,WAAW;QACX,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAA;YACxB,KAAK,CAAC,MAAM,EAAE,CAAA;QAChB,CAAC;QACD,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAA;IAC1B,CAAC;IAED,KAAK;QACH,IAAI,CAAC,MAAM,GAAG,IAAI,CAAA;QAClB,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClC,KAAK,CAAC,KAAK,EAAE,CAAA;QACf,CAAC;IACH,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,MAAM,GAAG,KAAK,CAAA;QACnB,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClC,KAAK,CAAC,MAAM,EAAE,CAAA;QAChB,CAAC;IACH,CAAC;IAES,MAAM,CAAC,EAAU;QACzB,IAAI,IAAI,CAAC,MAAM;YAAE,OAAM;QAEvB,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClC,IAAI,CAAC,KAAK,CAAC,MAAM;gBAAE,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;QACrC,CAAC;QAEA,IAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAA;IAClC,CAAC;CACF","sourcesContent":["import { EventEmitter, EventMap } from '@webtaku/event-emitter'\n\nexport abstract class GameNode<E extends EventMap> extends EventEmitter<E & {\n  update: (dt: number) => void\n}> {\n  #parent?: GameNode<EventMap>\n  protected children: GameNode<EventMap>[] = [];\n  paused = false\n\n  protected set parent(parent: GameNode<EventMap> | undefined) {\n    this.#parent = parent\n  }\n\n  protected get parent() {\n    return this.#parent\n  }\n\n  add(...children: GameNode<EventMap>[]) {\n    for (const child of children) {\n\n      // 기존 부모로부터 제거\n      if (child.#parent) {\n        const idx = child.#parent.children.indexOf(child)\n        if (idx !== -1) child.#parent.children.splice(idx, 1)\n      }\n\n      // 새로운 부모 설정\n      child.parent = this\n      this.children.push(child)\n    }\n  }\n\n  remove() {\n    super.remove()\n\n    // 부모로부터 제거\n    if (this.#parent) {\n      const idx = this.#parent.children.indexOf(this)\n      if (idx !== -1) this.#parent.children.splice(idx, 1)\n      this.#parent = undefined\n    }\n\n    // 자식 노드 제거\n    for (const child of this.children) {\n      child.parent = undefined\n      child.remove()\n    }\n    this.children.length = 0\n  }\n\n  pause() {\n    this.paused = true\n    for (const child of this.children) {\n      child.pause()\n    }\n  }\n\n  resume() {\n    this.paused = false\n    for (const child of this.children) {\n      child.resume()\n    }\n  }\n\n  protected update(dt: number) {\n    if (this.paused) return\n\n    for (const child of this.children) {\n      if (!child.paused) child.update(dt)\n    }\n\n    (this as any).emit('update', dt)\n  }\n}\n"]}

package/lib/node/core/game-object.js

@@ -0,0 +1,8 @@
+import { Container as PixiContainer } from 'pixi.js';
+import { TransformableNode } from './transformable';
+export class GameObject extends TransformableNode {
+    constructor(options) {
+        super(new PixiContainer({ sortableChildren: true }), options ?? {});
+    }
+}
+//# sourceMappingURL=game-object.js.map

package/lib/node/core/game-object.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"game-object.js","sourceRoot":"","sources":["../../../src/node/core/game-object.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,SAAS,CAAA;AACpD,OAAO,EAAE,iBAAiB,EAA4B,MAAM,iBAAiB,CAAA;AAI7E,MAAM,OAAO,UAA0C,SAAQ,iBAAmC;IAChG,YAAY,OAA2B;QACrC,KAAK,CAAC,IAAI,aAAa,CAAC,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,IAAI,EAAE,CAAC,CAAA;IACrE,CAAC;CACF","sourcesContent":["import { EventMap } from '@webtaku/event-emitter'\nimport { Container as PixiContainer } from 'pixi.js'\nimport { TransformableNode, TransformableNodeOptions } from './transformable'\n\nexport type GameObjectOptions = {} & TransformableNodeOptions\n\nexport class GameObject<E extends EventMap = EventMap> extends TransformableNode<PixiContainer, E> {\n  constructor(options?: GameObjectOptions) {\n    super(new PixiContainer({ sortableChildren: true }), options ?? {})\n  }\n}\n"]}

package/lib/node/core/renderable.js

@@ -0,0 +1,59 @@
+import { DirtyNumber } from './dirty-number';
+import { GameNode } from './game-node';
+import { WorldTransform } from './transform';
+export function isRenderableNode(v) {
+    return v.worldTransform !== undefined;
+}
+export class RenderableNode extends GameNode {
+    #renderer;
+    _pixiContainer;
+    worldTransform = new WorldTransform();
+    worldAlpha = new DirtyNumber(1);
+    constructor(pixiContainer) {
+        super();
+        this._pixiContainer = pixiContainer;
+    }
+    set renderer(renderer) {
+        this.#renderer = renderer;
+        for (const child of this.children) {
+            if (isRenderableNode(child)) {
+                child.renderer = renderer;
+            }
+        }
+    }
+    get renderer() {
+        return this.#renderer;
+    }
+    add(...children) {
+        super.add(...children);
+        for (const child of children) {
+            if (isRenderableNode(child)) {
+                this._pixiContainer.addChild(child._pixiContainer);
+                // 렌더러 설정
+                if (this.#renderer)
+                    child.renderer = this.#renderer;
+            }
+        }
+    }
+    remove() {
+        this._pixiContainer.destroy({ children: true });
+        super.remove();
+    }
+    _updateWorldTransform() {
+        for (const child of this.children) {
+            if (isRenderableNode(child))
+                child._updateWorldTransform();
+        }
+    }
+    _resetWorldTransformDirty() {
+        for (const child of this.children) {
+            if (isRenderableNode(child))
+                child._resetWorldTransformDirty();
+        }
+        this.worldTransform.resetDirty();
+        this.worldAlpha.resetDirty();
+    }
+    set tint(t) { this._pixiContainer.tint = t; }
+    get tint() { return this._pixiContainer.tint; }
+}
+//# sourceMappingURL=renderable.js.map

package/lib/node/core/renderable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderable.js","sourceRoot":"","sources":["../../../src/node/core/renderable.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAE5C,MAAM,UAAU,gBAAgB,CAAC,CAAU;IACzC,OAAQ,CAA6C,CAAC,cAAc,KAAK,SAAS,CAAA;AACpF,CAAC;AAED,MAAM,OAAgB,cAA4D,SAAQ,QAAW;IACnG,SAAS,CAAW;IACpB,cAAc,CAAG;IAEjB,cAAc,GAAG,IAAI,cAAc,EAAE,CAAA;IACrC,UAAU,GAAG,IAAI,WAAW,CAAC,CAAC,CAAC,CAAA;IAE/B,YAAY,aAAgB;QAC1B,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,cAAc,GAAG,aAAa,CAAA;IACrC,CAAC;IAED,IAAc,QAAQ,CAAC,QAA8B;QACnD,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAA;QAEzB,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClC,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC5B,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAA;YAC3B,CAAC;QACH,CAAC;IACH,CAAC;IAED,IAAc,QAAQ;QACpB,OAAO,IAAI,CAAC,SAAS,CAAA;IACvB,CAAC;IAEQ,GAAG,CAAC,GAAG,QAA8B;QAC5C,KAAK,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAA;QAEtB,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE,CAAC;YAC7B,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC5B,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA;gBAElD,SAAS;gBACT,IAAI,IAAI,CAAC,SAAS;oBAAE,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAA;YACrD,CAAC;QACH,CAAC;IACH,CAAC;IAEQ,MAAM;QACb,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAA;QAC/C,KAAK,CAAC,MAAM,EAAE,CAAA;IAChB,CAAC;IAED,qBAAqB;QACnB,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClC,IAAI,gBAAgB,CAAC,KAAK,CAAC;gBAAE,KAAK,CAAC,qBAAqB,EAAE,CAAA;QAC5D,CAAC;IACH,CAAC;IAED,yBAAyB;QACvB,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClC,IAAI,gBAAgB,CAAC,KAAK,CAAC;gBAAE,KAAK,CAAC,yBAAyB,EAAE,CAAA;QAChE,CAAC;QACD,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,CAAA;QAChC,IAAI,CAAC,UAAU,CAAC,UAAU,EAAE,CAAA;IAC9B,CAAC;IAED,IAAI,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,GAAG,CAAC,CAAA,CAAC,CAAC;IAC5C,IAAI,IAAI,KAAK,OAAO,IAAI,CAAC,cAAc,CAAC,IAAI,CAAA,CAAC,CAAC;CAC/C","sourcesContent":["import { EventMap } from '@webtaku/event-emitter'\nimport { Container as PixiContainer } from 'pixi.js'\nimport { Renderer } from '../../renderer/renderer'\nimport { DirtyNumber } from './dirty-number'\nimport { GameNode } from './game-node'\nimport { WorldTransform } from './transform'\n\nexport function isRenderableNode(v: unknown): v is RenderableNode<PixiContainer, EventMap> {\n  return (v as RenderableNode<PixiContainer, EventMap>).worldTransform !== undefined\n}\n\nexport abstract class RenderableNode<C extends PixiContainer, E extends EventMap> extends GameNode<E> {\n  #renderer?: Renderer\n  _pixiContainer: C\n\n  worldTransform = new WorldTransform()\n  worldAlpha = new DirtyNumber(1)\n\n  constructor(pixiContainer: C) {\n    super()\n    this._pixiContainer = pixiContainer\n  }\n\n  protected set renderer(renderer: Renderer | undefined) {\n    this.#renderer = renderer\n\n    for (const child of this.children) {\n      if (isRenderableNode(child)) {\n        child.renderer = renderer\n      }\n    }\n  }\n\n  protected get renderer() {\n    return this.#renderer\n  }\n\n  override add(...children: GameNode<EventMap>[]) {\n    super.add(...children)\n\n    for (const child of children) {\n      if (isRenderableNode(child)) {\n        this._pixiContainer.addChild(child._pixiContainer)\n\n        // 렌더러 설정\n        if (this.#renderer) child.renderer = this.#renderer\n      }\n    }\n  }\n\n  override remove() {\n    this._pixiContainer.destroy({ children: true })\n    super.remove()\n  }\n\n  _updateWorldTransform() {\n    for (const child of this.children) {\n      if (isRenderableNode(child)) child._updateWorldTransform()\n    }\n  }\n\n  _resetWorldTransformDirty() {\n    for (const child of this.children) {\n      if (isRenderableNode(child)) child._resetWorldTransformDirty()\n    }\n    this.worldTransform.resetDirty()\n    this.worldAlpha.resetDirty()\n  }\n\n  set tint(t) { this._pixiContainer.tint = t }\n  get tint() { return this._pixiContainer.tint }\n}\n"]}

package/lib/node/core/transform.js

@@ -0,0 +1,70 @@
+import { DirtyNumber } from './dirty-number';
+export class LocalTransform {
+    x = 0;
+    y = 0;
+    scaleX = 1;
+    scaleY = 1;
+    pivotX = 0;
+    pivotY = 0;
+    #rotation = 0;
+    #cos = 1;
+    #sin = 0;
+    get cos() { return this.#cos; }
+    get sin() { return this.#sin; }
+    get rotation() { return this.#rotation; }
+    set rotation(v) {
+        if (this.#rotation !== v) {
+            this.#rotation = v;
+            this.#cos = Math.cos(v);
+            this.#sin = Math.sin(v);
+        }
+    }
+}
+export class WorldTransform {
+    x = new DirtyNumber(NaN);
+    y = new DirtyNumber(NaN);
+    scaleX = new DirtyNumber(1);
+    scaleY = new DirtyNumber(1);
+    rotation = new DirtyNumber(0);
+    cos = 1;
+    sin = 0;
+    update(parent, local) {
+        const rx = local.x * parent.scaleX.v;
+        const ry = local.y * parent.scaleY.v;
+        const pCos = parent.cos;
+        const pSin = parent.sin;
+        this.scaleX.v = parent.scaleX.v * local.scaleX;
+        this.scaleY.v = parent.scaleY.v * local.scaleY;
+        const pivotX = local.pivotX * this.scaleX.v;
+        const pivotY = local.pivotY * this.scaleY.v;
+        // 로컬 회전
+        const lCos = local.cos;
+        const lSin = local.sin;
+        // 월드 회전(부모+자식) cos/sin — 덧셈정리
+        const wCos = pCos * lCos - pSin * lSin;
+        const wSin = pSin * lCos + pCos * lSin;
+        // 위치: 부모 회전으로 (rx,ry) 회전 + 월드 회전으로 피벗 보정
+        this.x.v = parent.x.v + (rx * pCos - ry * pSin) - (pivotX * wCos - pivotY * wSin);
+        this.y.v = parent.y.v + (rx * pSin + ry * pCos) - (pivotX * wSin + pivotY * wCos);
+        // 회전(스칼라 값)
+        const rot = parent.rotation.v + local.rotation;
+        this.rotation.v = rot;
+        this.cos = wCos;
+        this.sin = wSin;
+    }
+    get dirty() {
+        return this.x.dirty ||
+            this.y.dirty ||
+            this.scaleX.dirty ||
+            this.scaleY.dirty ||
+            this.rotation.dirty;
+    }
+    resetDirty() {
+        this.x.resetDirty();
+        this.y.resetDirty();
+        this.scaleX.resetDirty();
+        this.scaleY.resetDirty();
+        this.rotation.resetDirty();
+    }
+}
+//# sourceMappingURL=transform.js.map

package/lib/node/core/transform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform.js","sourceRoot":"","sources":["../../../src/node/core/transform.ts"],"names":[],"mappings":"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","sourcesContent":["import { DirtyNumber } from './dirty-number'\n\nexport class LocalTransform {\n  x = 0\n  y = 0\n  scaleX = 1\n  scaleY = 1\n  pivotX = 0\n  pivotY = 0\n\n  #rotation = 0\n  #cos = 1\n  #sin = 0\n\n  get cos() { return this.#cos }\n  get sin() { return this.#sin }\n  get rotation() { return this.#rotation }\n\n  set rotation(v) {\n    if (this.#rotation !== v) {\n      this.#rotation = v\n      this.#cos = Math.cos(v)\n      this.#sin = Math.sin(v)\n    }\n  }\n}\n\nexport class WorldTransform {\n  x = new DirtyNumber(NaN)\n  y = new DirtyNumber(NaN)\n  scaleX = new DirtyNumber(1)\n  scaleY = new DirtyNumber(1)\n  rotation = new DirtyNumber(0)\n  cos = 1\n  sin = 0\n\n  update(parent: WorldTransform, local: LocalTransform) {\n    const rx = local.x * parent.scaleX.v\n    const ry = local.y * parent.scaleY.v\n    const pCos = parent.cos\n    const pSin = parent.sin\n\n    this.scaleX.v = parent.scaleX.v * local.scaleX\n    this.scaleY.v = parent.scaleY.v * local.scaleY\n\n    const pivotX = local.pivotX * this.scaleX.v\n    const pivotY = local.pivotY * this.scaleY.v\n\n    // 로컬 회전\n    const lCos = local.cos\n    const lSin = local.sin\n    // 월드 회전(부모+자식) cos/sin — 덧셈정리\n    const wCos = pCos * lCos - pSin * lSin\n    const wSin = pSin * lCos + pCos * lSin\n\n    // 위치: 부모 회전으로 (rx,ry) 회전 + 월드 회전으로 피벗 보정\n    this.x.v = parent.x.v + (rx * pCos - ry * pSin) - (pivotX * wCos - pivotY * wSin)\n    this.y.v = parent.y.v + (rx * pSin + ry * pCos) - (pivotX * wSin + pivotY * wCos)\n\n    // 회전(스칼라 값)\n    const rot = parent.rotation.v + local.rotation\n    this.rotation.v = rot\n    this.cos = wCos\n    this.sin = wSin\n  }\n\n  get dirty() {\n    return this.x.dirty ||\n      this.y.dirty ||\n      this.scaleX.dirty ||\n      this.scaleY.dirty ||\n      this.rotation.dirty\n  }\n\n  resetDirty() {\n    this.x.resetDirty()\n    this.y.resetDirty()\n    this.scaleX.resetDirty()\n    this.scaleY.resetDirty()\n    this.rotation.resetDirty()\n  }\n}\n"]}