Dual-Renderer 캐싱으로 저사양 기기 4 FPS를 60 FPS로 개선한 Limn 엔진 분석

Context

Phaser 3와 같은 기존 HTML5 게임 엔진은 WebGL 기반의 고성능 렌더링을 제공하나, 복잡한 설정 과정과 일관성 없는 API 구조로 인한 높은 진입 장벽 존재. 특히 WebGL 가속이 없는 저사양 하드웨어 환경에서 렌더링 효율 저하 문제 발생.

Technical Solution

• Zero Configuration 설계를 통한 런타임 즉시 실행 및 개발 셋업 시간 제거
• Predictable API 설계를 통해 '동사 + 목적어' 형태의 일관된 인터페이스를 구축하여 AI 코드 생성 효율 최적화
• Dual-Renderer 아키텍처를 도입하여 정적 콘텐츠를 Hidden Canvas에 1회 렌더링 후 매 프레임 복제하는 캐싱 전략 적용
• Tilemap 데이터를 외부 JSON 파싱 없이 Native JavaScript Array로 직접 처리하는 Code-first 워크플로우 구현
• 반복적인 게임 로직(화면 고정, 화면 흔들기 등)을 단일 함수로 추상화하여 Boilerplate 코드 최소화