typescript
-
Spine 애니메이션 블렌딩 시스템과 선형보간에 대하여typescript 2025. 7. 15. 10:44
목차개요Spine 블렌딩 시스템 이해선형보간(LERP)의 수학적 원리실제 구현 코드 분석고급 보간 기법성능 최적화 전략실무 적용 사례결론개요게임 개발에서 캐릭터 애니메이션의 자연스러운 전환은 사용자 경험에 큰 영향을 미칩니다. 갑작스러운 애니메이션 전환은 부자연스러운 느낌을 주지만, 적절한 블렌딩을 통해 부드럽고 자연스러운 전환을 구현할 수 있습니다.이 글에서는 Spine 애니메이션 엔진을 활용한 블렌딩 시스템과 그 핵심인 선형보간(Linear Interpolation, LERP)에 대해 깊이 있게 다루어보겠습니다.Spine 블렌딩 시스템 이해블렌딩이란?블렌딩은 두 애니메이션 간의 부드러운 전환을 위한 기술입니다. 한 애니메이션에서 다른 애니메이션으로 전환할 때 갑작스러운 점프가 아닌 자연스러운 보간 효..
-
Phaser Tween Chain 가이드typescript 2025. 2. 15. 00:32
목차트윈 체인이란?기본 사용법주요 활용 사례트윈 체인 제어주의사항트윈 체인이란?트윈 체인은 Phaser에서 제공하는 연속적인 애니메이션 시스템입니다. 여러 개의 트윈을 순차적으로 실행할 수 있으며, 각 트윈마다 다른 속성과 효과를 적용할 수 있습니다.기본 사용법기본 구조this.tweens.chain({ tweens: [ { targets: gameObject, x: 400, duration: 1000, ease: 'Power1' }, { targets: gameObject, y: 300, duration: 800, ..
-
JavaScript/TypeScript의 async 이해하기typescript 2024. 12. 11. 00:38
1. 'async' 사전적 의미async는 “asynchronous(비동기적인)“의 약어다. 프로그래밍에서 이 용어는 “한꺼번에 일어나지 않는” 상황을 다룰 때 사용된다.어원을 살펴보면:• a-: 부정을 나타내는 접두사 (“~이 아니다”)• syn-: “같이”를 뜻하는 어근• chronos: “시간”을 뜻하는 어근→ 즉, “같은 시간에 일어나지 않는다”는 의미를 담고 있다.2. 동기 vs 비동기- 동기적(Synchronous) 동작동기적인 동작은 작업이 순서대로 실행되고, 하나가 끝나야 다음 작업이 시작된다. 비유를 들어 설명하자면 라면 끓이기 과정과 비슷하다.1. 물을 끓인다 (3분 대기)2. 면을 넣는다3. 스프를 넣는다위 과정에서 물이 끓는 동안 우리는 멍하니 기다릴 수밖에 없다. - 비동기적..