BabylonJS/Babylon.js

これは何？

主な機能

• 01WebGL、WebGPU、WebXRに対応し、3Dシーンをレンダリングできます。
• 02glTFや.babylon形式のシーンファイルをインポートできます。
• 03メッシュビルダー、カメラ、ライト、マテリアルを標準で利用できます。
• 04TypeScriptの型定義とtree shakingに対応したES6モジュールをnpmパッケージとして提供しています。
• 05APIの学習に使えるオンラインプレイグラウンドと多数のサンプルが含まれています。

ユースケース

• ブラウザー上で動作する3Dゲームやインタラクティブな体験の開発。
• 3Dモデルを使ったWebビジュアライゼーションや製品ビューアーの作成。
• 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は、Webブラウザー上で動作するゲーム、インタラクティブなシーン、ビジュアライゼーションを構築するためのオープンソース3Dエンジンです。TypeScriptで書かれ、型定義を備えたJavaScriptフレームワークとして提供されているため、npmからインストールしたり、実験用にCDNから読み込んだり、大規模なアプリケーションにバンドルしたりできます。

Babylon.js は無料で使えますか？ライセンスは？

Babylon.js は Apache-2.0 ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

Babylon.js は今もメンテナンスされていますか？

活発にメンテナンス中。Babylon.js の最終コミットは 2026年10月22日 です。

Babylon.js は何に使えますか？

ブラウザー上で動作する3Dゲームやインタラクティブな体験の開発。 3Dモデルを使ったWebビジュアライゼーションや製品ビューアーの作成。 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