Babylon.js Inspector Lite에 디버그와 캡처 도구 추가

화면을 관찰하고 기록하는 도구입니다

Babylon.js 9.32.0은 한국시간 2026년 10월 22일 공개됐습니다. Inspector Lite에 디버그 보조 표시와 캡처 도구를 추가한 업데이트입니다. 렌더링 품질을 바꾸는 효과라기보다, 장면의 상태를 눈으로 확인하고 재현 자료를 남기는 기능에 가깝습니다.

PR #19016은 Debug 패널의 바닥 격자와 바운딩 박스, Tools 패널의 PNG 스크린샷 및 브라우저 캔버스 영상 캡처를 설명합니다. 기본 화면뿐 아니라 보조 렌더링 표면도 대상으로 삼을 수 있습니다. 화면이 여러 개인 도구에서는 어느 표면의 문제인지 기록하기 쉬워지는 변화입니다.

움직이는 물체의 경계를 따라갑니다

바운딩 박스는 Inspector의 주기적 조회 때마다 다시 만드는 방식 대신 현재 월드 변환을 따릅니다. 부모가 있는 메시나 애니메이션으로 움직이는 메시도 수동 관찰 모드에서 위치를 맞출 수 있도록 한 구조입니다. 이 과정에서 앱의 노드 계층을 변경하지 않는다는 점도 명시되어 있습니다.

다만 모든 변형을 정확하게 둘러싸는 표시라고 이해해서는 안 됩니다. PR은 스켈레톤·모프 변형과 개별 thin instance의 경계는 포함하지 않는다고 밝힙니다. 위치가 따라오는지와 변형된 표면을 얼마나 정확히 감싸는지는 다른 확인 항목입니다.

캡처는 원래 해상도와 수명 관리가 중요합니다

스크린샷은 표면의 원래 해상도로 PNG를 만듭니다. 캔버스 영상 녹화는 브라우저 기능을 이용하며, 제어 상태가 패널 전환 뒤에도 유지되도록 구성했습니다. 도구가 제거되거나 해제된 뒤 오래된 다운로드가 발생하지 않도록 하고, 사용한 미디어 트랙도 정리하는 처리가 포함됩니다.

문제 화면을 공유할 때는 캡처와 함께 선택한 표면, 카메라, 출력 크기를 남겨 보세요. 이미지 파일만으로는 기본 화면과 보조 화면을 혼동하기 쉽고, 표시 크기와 실제 픽셀 해상도가 다를 수도 있습니다. 녹화 중 패널을 바꾸는 흐름까지 확인하면 실제 디버깅 작업과 가까운 점검이 됩니다.

지원 한계와 검증 결과를 구분하세요

작성자는 Chrome의 소프트웨어 WebGPU 환경에서 PNG 크기·픽셀, 재생 가능한 영상, 보조 표시 정리, 수동 모드의 움직이는 경계를 포함한 네 통합 테스트가 통과했다고 보고했습니다. 반면 전체 로컬 단위 테스트 명령은 깨끗하게 완료되지 않았고, 기존 영역의 실패와 기준 비교 미확립을 별도로 밝혔습니다.

따라서 제한된 검증 통과를 전체 저장소 무결성이나 모든 브라우저의 녹화 지원으로 확대해서는 안 됩니다. 자신의 환경에서는 캡처 성공뿐 아니라 중단·장면 해제 후 상태도 확인해 보시는 편이 좋습니다. 이 글은 PR과 릴리스 검토이며, 직접 녹화나 픽셀 비교를 수행한 결과는 아닙니다.

출처

• Babylon.js 9.32.0 공식 릴리스
• PR #19016 · 구현 범위와 검증 보고