OSS探訪ページ内ナビ
概要
Babylon.jsはbrowser向けの3D game・rendering engineです。TypeScript/JavaScriptからscene、camera、light、meshなどを構築し、WebGLやWebGPUを使って描画できます。WebXRや各種editor、Playground、Sandboxも同じecosystemで提供されます。
特徴と向いている用途
公式資料に基づく紹介・実機未検証 · 内容確認日：
主な特徴
scene・camera・light・meshをprogrammaticに構成してrenderする
EngineとSceneを中心にcamera、light、built-in meshなどを組み合わせ、browser canvasへinteractive 3D sceneを描画できます。
出典：[1]
WebGL・WebGPU・WebXRを同じengine ecosystemで扱う
repository topicsとrelease内容はWebGL/WebGPU/WebXRを継続的に扱っており、browser GPU APIとXR機能を使うapplicationを一つのframeworkで構築できます。
npm packageとPlayground・Sandboxなどのtoolingを使う
npm packageはtyping付きで提供され、PlaygroundでAPIを試し、Sandboxでscene assetを確認できます。
出典：[1]
向いている用途
browserで3D product、game、viewer、XR体験を構築したい場合に向く
低レベルWebGLを直接管理するより高い抽象度でrendering、input、scene構成を扱いながら、Web向け3D体験を開発したいteamに向きます。
出典：[1]
導入前の確認
productionでは公式学習用CDNへ依存しない
READMEは公式CDNをproductionで使わず、学習や小規模experiment向けと明記しています。公開applicationではnpm packageをbundleし、自身の配信基盤からassetとcodeを提供します。
出典：[1]
target browser・GPU backendとbundle構成を検証する
WebGL/WebGPUやXRの利用可否はbrowser・deviceに依存します。必要なpackageだけを選び、fallback、bundle size、asset load、performanceを実機で確認します。
頻繁なreleaseを固定してupgrade差分を確認する
2026年10月3日時点の最新安定版は9.29.0です。npm dependencyを固定し、rendering・loader・WebGPU等の変更をrelease noteで確認してから更新します。
出典：[2]
参考にした公式資料
- [1]Babylon.js 9.29.0 README(2026-10-03)
- [2]Babylon.js 9.29.0 release(2026-10-03)
- [3]Babylon.js Apache-2.0 license(2026-10-03)
編集部からの補足
browser 3Dをengineから組み上げたい場合に、renderingだけでなくcamera・material・animation・XR・toolingまで一つのecosystemで揃えられます。productionでは学習用CDNへ依存せず、bundleとasset配信を自分のdelivery pipelineへ組み込む点を確認してください。
3ステップで試す
- 1
最小Node.js projectを作成する
browser applicationを作る前に、Babylon.js packageを試すための空projectを用意します。
mkdir babylon-demo && cd babylon-demo && npm init -y - 2
Babylon.js 9.29.0を追加する
READMEで案内されるnpm packageをstable releaseへ固定して追加します。
npm install babylonjs@9.29.0 - 3
NullEngineでsceneをlocal生成する
browserやGPU contextを要求しないNullEngineを使い、engineとsceneを生成できることを確認します。
node -e "const B=require('babylonjs'); const e=new B.NullEngine(); const s=new B.Scene(e); console.log(B.Engine.Version, s.meshes.length);"
成長
成長の推移 · 直近30日
26,128 Stars
推移データを蓄積中です。
開発アクティビティ
直近90日・週次
- Commit（直近30日）
- 81
- Open PR
- 12
開発アクティビティを蓄積中です。
Built with
カテゴリとタグ
GitHubデータ
GitHubのデータGitHubの詳細データを見る
GitHub Topics
- webgl
- webgl2
- 3d
- game-development
- webvr
- babylon
- webaudio
- typescript
- webxr
- webgpu
- game-engine
- game-engine-3d
- Stars
- 26,128
- Forks
- 3,700
- Watchers
- 524
- Open Issues
- 12
- Contributors
- 296
- 所有者種別
- Organization
- 主要言語
- TypeScript
- ライセンス
- Apache-2.0
- リポジトリ最終更新
- 2026/10/02
関連情報
関連記事を投稿するこのOSSの使い方や活用事例をMarkdownで投稿できます。管理者が承認した後に公開されます。
あわせて探訪
- Cocos Engine9,841 Stars
共通タグ 4件 · 共通カテゴリ 2件
C++とTypeScriptのruntimeで2D/3D gameをnative・Web・mini-game platformへ展開するCocos Creatorのengine基盤
C++ - s&box6,480 Stars
共通タグ 3件 · 共通カテゴリ 3件
Source 2と.NET 10でゲーム制作とエンジン開発を一つの環境にまとめる
C# - Godot Engine118,086 Stars
共通タグ 3件 · 共通カテゴリ 2件
2D/3Dゲームを一つのエディタで構築し、デスクトップ・モバイル・Webへ展開する
C++ - GDevelop27,094 Stars
共通タグ 3件 · 共通カテゴリ 2件
event-based no-code logicとextension/JavaScriptで2D・3D・multiplayer gameを制作・exportするgame engine/editor
JavaScript - Excalibur2,348 Stars
共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語
TypeScriptとHTML5 CanvasでActor・scene・physics・graphicsを構成するWeb向け2D game engine
TypeScript - Assimp13,242 Stars
共通タグ 2件 · 共通カテゴリ 3件
40種類超の3D形式を共通データ構造へ読み込み、変換・後処理をasset pipelineへ組み込む
C++
情報の誤りを報告
掲載内容に誤りや古い情報があればお知らせください。