LG ThinQ WebGL 엔진
핵심 개발

문제

LG ThinQ는 가전의 상태를 3D로 보여주고 기기를 선택·제어하는 경험을 제공해야 했습니다. 핵심은 성능 조건이 다른 환경에서도 3D 콘텐츠가 동작하도록 만드는 일이었습니다.

• webOS TV, 안드로이드·iOS 앱, PC 브라우저를 동시에 지원해야 했습니다.
• webOS TV는 PC보다 메모리와 GPU가 크게 제한됩니다.
• 월간 활성 사용자 150만 명 규모의 서비스에 적용되는 엔진이었습니다.
• 제품 라인업이 늘어날수록 3D 에셋의 로드와 캐싱 구조가 중요해졌습니다.
• 운영이 이어지면서 에셋과 씬이 계속 늘어나는 조건도 고려해야 했습니다.

해결 방식

서로 다른 성능의 기기에서 3D 콘텐츠가 동작하도록 렌더링과 에셋 처리 구조를 개발했습니다.

결과

• MAU 150만 규모 서비스에 적용됐습니다.
• webOS TV·모바일 앱·PC 브라우저 3개 플랫폼을 동시에 지원합니다.
• 이 경험은 이후 WebGL 프로젝트의 설계 기준으로 이어졌습니다.

기술 구성

Three.js 기반 WebGL과 Unity WebGL의 장단점이 궁금하시다면 → 웹 3D 기술 선택 기준 보기