Repolode
BabylonJS

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. 1

    npm에서 Babylon.js를 설치합니다

    npm install babylonjs --save
  2. 2

    코드에서 Babylon.js를 가져옵니다

    import * as BABYLON from 'babylonjs';
  3. 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 통계는 매일 갱신됩니다.

관련 프로젝트