Babylon.js の新バージョン 7.0 の情報を公式記事から少し取り出してみる（＋α）

「[Babylon.js](https://www.babylonjs.com/)」の新バージョンである 7.0 の情報を見てみようと思い、公式の記事から情報を少し取り出してみました。
それと合わせて、リンクのリストのみですが掲載になりますが、公式以外の日本語で書かれた記事を少し掲載してみます。

## Babylon.js 7.0 について
今回の記事で取り扱う内容は、以下の Babylon.js公式のポストでも紹介されている、最近リリースされたばかり（※ 2024年3月リリース）の新バージョン「Babylon.js 7.0」です。

https://twitter.com/babylonjs/status/1773416605919383622

### 公式の情報
Babylon.js 7.0　について、公式からは以下の記事や動画などが公開されています。

●Introducing Babylon.js 7.0. Our mission is to build one of the most… | by Babylon.js | Mar, 2024 | Medium
　https://babylonjs.medium.com/introducing-babylon-js-7-0-a141cd7ede0d
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/0bdbc371-c5bd-8b33-d2fb-accc0d67789c.png)

<iframe width="560" height="315" src="https://www.youtube.com/embed/5V07vm5u74Q?si=3WMVMHVvNEPqTyef" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

●Introducing Babylon.js 7.0! - Announcements - Babylon.js
　https://forum.babylonjs.com/t/introducing-babylon-js-7-0/49132

ちなみに、7.0 の　1つ前のメジャーバージョンである 6.0 は、2023年4月に公開されました。

●Announcing Babylon.js 6.0. Our mission is to build one of the most… | by Babylon.js | Medium
　https://babylonjs.medium.com/announcing-babylon-js-6-0-dcb5f1662e3a

### 公式の記事内に出てくる項目
まずは公式の記事内の一部の内容に関して、キャプチャ画像ベースで項目ごとの内容をざっくりと取り出してみます。
また、それ以外についても、項目名の部分をテキストで取り出してみます。

#### Procedural Geometry (Node Geometry)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/60190248-e4ce-b2f9-7304-65af0ff43b7a.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/6cf28232-6bb7-e788-f91e-82c8c29956ca.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/c1c228e5-3a32-8513-74bd-be3687cb8129.png)

#### Global Illumination
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/c4754328-46fa-d757-daa0-6b6d5906d13a.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/0fbddb12-60e3-b458-ec91-a798777c764a.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/1de55f77-a6de-5af5-6826-9c21a19071ca.png)

#### Gaussian Splat Rendering
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/064d6740-96ac-2eb6-c7a1-73844be41c83.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/a96f8771-68ab-28a3-899c-927c35b0d617.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/6cc66709-5af1-5780-f368-190d0b2d82d6.png)

#### Ragdoll Physics
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/9a6a5851-2d56-e415-3fe8-6d2028827946.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/eeb3e962-8838-2aca-9e5d-5cec59e5debe.png)

####  State of Art WebXR Support
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/f7c15132-a548-52aa-0ec2-419b8964d1cb.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/f475bec9-e5f4-a030-b529-258af1556e1a.png)

#### その他の項目1
以下は、キャプチャ画像なしで、項目のテキストのみ取り出したものです。

- Apple Vision Pro Support
- Advanced Animation System Updates
- State of the Art glTF support
- The Greased Line
- Advanced Ground Projection
- Seamless Texture Decals
- MMD Support Community Extension

各項目に、デモ・ドキュメントへのリンクもあり、気になるものはサクッと試すこともできそうです。

#### その他の項目2
また、コミュニティに関する項目もあったので、それは分けて記載しました。

＞ One Incredible Community
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/1f418ef8-eb3d-5bc9-dc11-c7712a8cbd0f.png)

### 個人的に気になったもの
公式の記事で紹介されているアップデート内容はいろいろありましたが、グローエフェクトや SF関連の演出が好きな自分としては、個人的には以下のデモが一番気になりました。

●Babylon.js Playground： 【The Greased Line】
　https://playground.babylonjs.com/#7MN4LZ#16
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/e3d44ef5-219f-ed46-bc93-9e10e221f8c2.png)

## その他

### 公式以外の情報（日本語の記事の例）
公式以外で、日本語で書かれた記事をいくつか掲載してみます。

- [Webブラウザで3Dモデルを高速に描画する「Babylon.js 7.0」正式リリース。MMD（MikuMikuDance）やApple Vision Proサポート － Publickey](https://www.publickey1.jp/blog/24/web3dbabylonjs_70mmdmikumikudanceapple_vision_pro.html)
- [マイクロソフト、JavaScriptライブラリ「Babylon.js 7.0」でMMD（MikuMikuDance）やApple Vision Proサポート | テクノエッジ TechnoEdge](https://www.techno-edge.net/article/2024/04/01/3087.html)
- [プロシージャルジオメトリー搭載の「Babylon.js 7.0」リリース | TECH+（テックプラス）](https://news.mynavi.jp/techplus/article/20240329-2916932/)
- [Webブラウザ上でのリアルタイム3Dグラフィック表示を実現する「Babylon.js 7.0」がリリース|CodeZine（コードジン）](https://codezine.jp/article/detail/19298)
- [Babylon.js 7.0 - Webブラウザ上で3Dモデルをレンダリングする為のオープンソースJavaScriptライブラリ最新版！グローバルイルミネーション！Gaussian Splat＆MMD＆ラグドール＆Apple Vision Proなどに対応！ノードベースのプロシージャルジオメトリ作成なども！](https://3dnchu.com/archives/babylon-js-7-0/)

タイトルにどんな内容をもってくるか、違いがあって興味深いです。