게임 Hacker News · 2026-10-14

초경량 자바스크립트 게임 엔진 LittleJS, 3D 렌더러·AI 개발 툴 전격 탑재

핵심 요약
  • 가볍고 빠른 오픈소스 HTML5 게임 엔진 LittleJS가 2D와 3D를 한 캔버스에서 자유롭게 혼합 구동할 수 있는 대규모 업데이트를 선보였습니다.
  • 자체 3D 렌더러와 내장 레벨 에디터를 비롯해 WebGL2 기반 성능 개선을 이뤄냈으며, 상용 엔진 대비 뛰어난 벤치마크 결과를 공개했습니다.
  • 단일 파일 레퍼런스를 살려 Claude Code나 Cursor 같은 AI 코딩 툴 전용 플러그인과 템플릿을 정식 지원합니다.
요약 초경량 오픈소스 자바스크립트 게임 엔진으로 잘 알려진 '리틀JS(LittleJS)'가 출시 이래 최대 규모의 업데이트를 공개했습니다. 외부 의존성 없이 가볍고 빠른 HTML5 엔진이라는 고유의 정체성을 유지하면서도, 동일한 캔버스 내에서 2D와 완벽히 융합되는 풀 3D 렌더러 기능을 전격 도입했습니다. 이번 업데이트의 가장 큰 핵심은 2D와 3D의 완전한 통합입니다. 3D 오브젝트 역시 기존 2D와 동일한 물리 엔진, 타이머, 자식 객체 체계를 공유하므로, 3D 배경 위에 2D UI를 띄우거나 3D 공간 내부에 2D 게임 요소를 자연스럽게 배치할 수 있습니다. 메쉬 빌더, 지형 및 복셀 맵, 섀도우 맵, 스포트라이트, 안개, 커스텀 셰이더 등을 기본 지원하며, Three.js 렌더링을 선호하는 개발자를 위한 플러그인도 함께 마련됐습니다. 2D 측면에서도 동적 라이팅과 패럴랙스 레이어, 관통 충돌 판정 등이 보강되었습니다. 개발 편의성을 대폭 끌어올린 내장형 툴도 추가됐습니다. 게임 실행 도중 ESC 키를 누르면 디버그 모드에서 즉시 2D 및 3D 레벨을 편집할 수 있는 인게임 레벨 에디터가 탑재되었으며, 단 한 줄의 코드로 불, 연기, 폭발, 비 등을 구현할 수 있는 프리셋 파티클 라이브러리가 제공됩니다. 렌더링 코어 역시 WebGL2 기반 배치 처리와 인스턴스 3D 드로잉으로 재설계되어, 주요 상용 웹 엔진들과의 벤치마크 테스트에서도 대등하거나 더 높은 60fps 오브젝트 처리량을 기록했습니다. 특히 눈에 띄는 점은 AI 코딩 어시스턴트와의 최적화입니다. 엔진의 전체 API가 단 하나의 레퍼런스 파일에 정리될 만큼 작고 단순하다는 장점을 살려, Claude Code, GitHub Copilot, Cursor 등 AI 도구가 즉시 코드를 작성할 수 있는 스타터 템플릿과 플러그인을 제공합니다. 별도의 npm 설치나 로컬 서버 설정 없이도 단일 파일 실행만으로 AI가 플레이 가능한 완제품 웹게임을 바로 제작할 수 있도록 지원하며, 현재 11월 2일까지 진행되는 글로벌 게임잼을 통해 커뮤니티 개발자들의 참여를 독려하고 있습니다.
Sponsored · 광고