WebGL과 WebGPU를 사용해 브라우저에서 3D 장면을 더 쉽게 만들고 렌더링할 수 있는 JavaScript 3D 라이브러리입니다.
BabylonJS/Babylon.js
브라우저에서 WebGL, WebGPU, WebXR로 실행되는 JavaScript/TypeScript 3D 게임 및 렌더링 엔진입니다.
대체할 수 있는 제품:Unity WebGL
- 스타
- 26,217
- 포크
- 3,711
- 열린 이슈
- 23
- 마지막 커밋
- 3시간 전
어떤 프로젝트인가요?
Babylon.js는 웹 브라우저에서 실행되는 게임, 인터랙티브 장면, 시각화를 만들기 위한 오픈소스 3D 엔진입니다. TypeScript로 작성되었으며 타입을 완벽하게 지원하는 JavaScript 프레임워크로 배포되므로, npm에서 설치하거나 실험을 위해 CDN에서 불러오거나 더 큰 애플리케이션에 번들링할 수 있습니다.
엔진은 카메라, 조명, 메시, 내장 도형 빌더를 갖춘 씬 그래프를 제공하며, glTF와 .babylon 씬 파일을 가져올 수 있습니다. 렌더링 대상에는 가상 현실과 증강 현실을 위한 WebGL, WebGPU, WebXR이 포함되며, 사운드에는 Web Audio를 사용할 수 있습니다. 공개 플레이그라운드와 샘플 모음에서 개발자는 코드를 작성하기 전에 브라우저에서 API 호출을 테스트할 수 있습니다.
프로젝트 문서에서는 설정 방법, 트리 셰이킹을 위한 npm ES6 패키지, 3ds Max, Maya, Blender용 익스포터를 다룹니다. CDN은 프로덕션용이 아니라 학습과 간단한 실험을 위한 것입니다.
핵심 기능
- 01WebGL, WebGPU, WebXR을 지원해 3D 장면을 렌더링합니다.
- 02glTF와 .babylon 씬 파일을 가져옵니다.
- 03내장 메시 빌더, 카메라, 조명, 머티리얼을 제공합니다.
- 04트리 셰이킹을 위한 TypeScript 타입 정의와 ES6 모듈을 포함한 npm 패키지로 배포됩니다.
- 05API 학습을 위한 온라인 플레이그라운드와 다양한 샘플을 제공합니다.
활용 사례
- 브라우저 기반 3D 게임이나 인터랙티브 경험을 만듭니다.
- 3D 모델을 활용해 웹 시각화와 제품 뷰어를 제작합니다.
- VR 및 AR 헤드셋용 WebXR 애플리케이션을 개발합니다.
- 프로젝트 코드를 작성하기 전에 온라인 플레이그라운드에서 3D 아이디어를 빠르게 프로토타이핑합니다.
빠른 시작
- 1
npm에서 Babylon.js를 설치합니다
npm install babylonjs --save - 2
코드에서 Babylon.js를 가져옵니다
import * as BABYLON from 'babylonjs'; - 3
README의 사용 예제를 참고해 엔진, 씬, 렌더링 루프를 만듭니다
사용 전 알아둘 점
- CDN은 프로덕션 환경에서 사용하도록 만들어지지 않았으므로, 실제 앱에서는 패키지를 직접 호스팅해야 합니다.
포함된 컬렉션
토픽
자주 묻는 질문
- Babylon.js은(는) 무엇인가요?
- 브라우저에서 WebGL, WebGPU, WebXR로 실행되는 JavaScript/TypeScript 3D 게임 및 렌더링 엔진입니다. Babylon.js는 웹 브라우저에서 실행되는 게임, 인터랙티브 장면, 시각화를 만들기 위한 오픈소스 3D 엔진입니다. TypeScript로 작성되었으며 타입을 완벽하게 지원하는 JavaScript 프레임워크로 배포되므로, npm에서 설치하거나 실험을 위해 CDN에서 불러오거나 더 큰 애플리케이션에 번들링할 수 있습니다.
- Babylon.js은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- Babylon.js은(는) Apache-2.0 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- Babylon.js은(는) 아직 유지보수되고 있나요?
- 활발히 유지보수 중. Babylon.js의 마지막 커밋은 2026년 10월 22일입니다.
- Babylon.js은(는) 어디에 사용할 수 있나요?
- 브라우저 기반 3D 게임이나 인터랙티브 경험을 만듭니다. 3D 모델을 활용해 웹 시각화와 제품 뷰어를 제작합니다. VR 및 AR 헤드셋용 WebXR 애플리케이션을 개발합니다. 프로젝트 코드를 작성하기 전에 온라인 플레이그라운드에서 3D 아이디어를 빠르게 프로토타이핑합니다.
- Babylon.js는 어떻게 설치하나요?
- npm에서 Babylon.js를 설치합니다: npm install babylonjs --save 코드에서 Babylon.js를 가져옵니다: import * as BABYLON from 'babylonjs'; README의 사용 예제를 참고해 엔진, 씬, 렌더링 루프를 만듭니다
- Babylon.js은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/BabylonJS/Babylon.js
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
WebGL과 WebGPU로 그래픽, 스프라이트, 텍스트를 그리는 빠른 웹용 2D 렌더링 라이브러리입니다.
중단된 Microsoft XNA Framework를 재구현한 .NET 프레임워크로, C#으로 크로스 플랫폼 2D 및 3D 게임을 개발할 수 있습니다.
인터랙티브 3D 게임과 경험을 만들 수 있도록 Blender Game Engine의 개발을 이어가는 무료 오픈 소스 Blender 포크입니다.
react-three-fiber로 3D 씬을 만들 때 사용하는 바로 쓸 수 있는 React 헬퍼 컴포넌트와 훅 모음입니다.
react-three-fiber 씬에서 JSX 컴포넌트로 후처리 효과를 선언적으로 적용할 수 있는 postprocessing 라이브러리용 React 래퍼입니다.