LittleJS, 3D 렌더러와 내장 편집기 추가

핵심 요약

• 경량 HTML5 게임 엔진 LittleJS가 주요 업데이트로 2D 캔버스에 3D 렌더러를 통합했다.
• 3D는 메시, 테라인, 복셀 맵, 섀도우 맵, 조명, 안개, 반사, 파티클 등을 지원하며 기존 2D 객체와 동일한 물리 엔진을 공유한다.
• 2D 오브젝트 위에 3D 씬을 올리거나 그 반대로도 혼합할 수 있고, Three.js 렌더링을 위한 플러그인도 제공된다.
• 2D는 동적 조명, 일방향 플랫폼, 스윕 충돌 감지, 시차 레이어 등이 추가됐다.
• 엔진 내장 2D·3D 레벨 에디터는 escape 키로 일시정지 후 제자리에서 레벨을 편집·저장할 수 있다.
• 불, 연기, 폭발 등 100+ 파티클 효과가 한 줄 코드로 호출되며 파티클 디자이너로 커스터마이징 가능하다.
• WebGL2 배치 처리와 3D 인스턴싱으로 성능을 개선했으며, 벤치마크 결과 PixiJS, Three.js, PlayCanvas, Phaser, Babylon.js와 비교해 대등하거나 우수하다.
• LittleJS AI 툴킷은 Claude Code, Copilot, Cursor 등 AI 코딩 어시스턴트를 위한 템플릿과 지침을 제공한다.
• Claude Code 플러그인은 두 명령으로 설치되며 완전한 게임 프로젝트를 만들고 서버나 npm 없이 파일에서 실행할 수 있다.
• LittleJS GPT는 ChatGPT 내에서 코드 없이 게임을 만들 수 있고, 오픈소스 게임 50+개를 모은 LittleJS Arcade가 스타터로 제공된다.
• 저자는 js13k 콘테스트로 검증된 작은 핵심을 유지해 학습과 실행이 쉬운 엔진을 목표했고, 커뮤니티의 요청으로 3D와 도구를 추가했다.