Babylon.js公式の X のアカウント関連：12月のポストで気になったものを少し見てみる【Babylon.js】

この記事は、「[Babylon.js Advent Calendar 2024](https://qiita.com/advent-calendar/2024/babylonjs)」の 13日目の記事です。
（1日早いですが、記事は先に公開）

## はじめに
今回は、以下の公式情報の最近のものを眺めて見ていた時に、自分が個人的に気になった情報をとりあげて記事にしてみます。

●Babylon.js（@babylonjs）さん / X

https://x.com/babylonjs?lang=ja

## ピックアップした情報
### Beginner Series - AR Portal
「Beginner Series - AR Portal」なる動画のリストが X でポストされていました。

ポストの文言を見ると、ビギナー向けの WebXR に関するコンテンツのようです。

https://x.com/babylonjs/status/1866543402936111435

リンク先の YouTube動画のリストを見てみると、パート1 から パート6 までの動画があるようでした。

●Beginner Series - AR Portal - YouTube
 https://www.youtube.com/playlist?list=PLsaE__vWcRakUtxK6trly6dG5A3OGfeOi

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/675d6b4a-b455-c6dd-54a3-1641a0d90172.png)

#### パート1 の動画
パート1 の動画は以下のような感じのようです。

<iframe width="560" height="315" src="https://www.youtube.com/embed/wmZxBMHWQAs?si=IMw0M1kPaMTsvREW" 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>

そして動画のコメント欄を見ると、プレイグラウンドへのリンクも記載されていたりするようです。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/bf450bb8-d514-6299-9777-c7edf661f908.png)

これは気になる...

### マテリアル関連
こちらはマテリアル関連の内容のようです。

https://x.com/babylonjs/status/1866181022649635126

WGSL というキーワードが出てきていますが、以下の内容に関連していそうです。

●WebGPU Shading Language
 https://www.w3.org/TR/WGSL/

以下のリンク先のドキュメントを少し見てみました。

●Node Material | Babylon.js Documentation
 https://doc.babylonjs.com/features/featuresDeepDive/materials/node_material/nodeMaterial#using-node-material-with-webgl-and-webgpu

Node Material Editor を使って、以下に書かれた WebGPU のシェーダーを直接利用できるという話でしょうか。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/da97f916-c179-c131-e225-8bcceb963b01.png)

### VS Code の拡張機能で glTF を扱う
こちらは、VS Code の拡張機能で glTF を扱う話のようです。

https://x.com/babylonjs/status/1865818629062680894

以下のような拡張機能があるのは初めて知りました。

●glTF Tools - Visual Studio Marketplace
 https://marketplace.visualstudio.com/items?itemName=cesium.gltf-vscode

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/304f2e8a-34ab-bf10-549b-35f14aa05b98.png)

デバッグの話なども書いてあったりして、少し試してみたくなりました。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/df898758-2d08-eed3-a051-f9dee448d120.png)

### WebGPU のシェーダー
こちらは WebGPU のシェーダーの話のようです。

https://x.com/babylonjs/status/1864731462815355151

WebGL のシェーダーは p5.js とよく組み合わせて色々試しているのですが、WebGPU のシェーダーは試したことがなく、気になる内容でした。

●Writing shaders for WebGPU in WGSL | Babylon.js Documentation
 https://doc.babylonjs.com/setup/support/webGPU/webGPUWGSL

### 新しいデモの紹介
以下は新しいデモの紹介のようです。

https://x.com/babylonjs/status/1863659404375032275

炎が 2D な見た目になっていたり、ゲーム・SF などに出てきそうなキャラだったり、個人的な好みと合う感じのものでした。

●Babylon Viewer Demo
 https://www.babylonjs.com/viewer.html?url=https://babylonjsassetslib.z01.azurefd.net/DEMOS/demos/grog_the_adventurer.glb

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/acdb1bbe-9935-6d75-283c-f2efce831129.png)

## おわりに
直近のものだけ見てみましたが、個人的に触ってみたいものが複数あり、面白かったです。

あと新しい情報というところで、以下のリリース情報に出てくるものも、気になるものをピックアップしていきたいと思ったりしました。

●Releases · BabylonJS/Babylon.js
　https://github.com/BabylonJS/Babylon.js/releases