CrossRoad

XRを中心とした技術ブログ。 Check also "English" category.

Babylon.jsで作られたかっこいい表現の紹介

これはBabylon.js Advent Calendar 2023 の1日目の記事です。

Babylon.jsでは、工夫するときれい、かっこいい表現を作ることができます。今回はそんな表現をいくつか紹介します。

1. クリスマスの飾り

どなたの作品かなど、詳細不明ですがBabylon.js 3.3を使って作られています。

Christmas ball on Babylon.js v3.3

https://weihnachten.thomasaull.de

2. マンションの中の一部屋

かなりフォトリアルな部屋を再現しています。

An apartment image on Babylon.js

個別の家具を選択するとテクスチャを変更できるなどの機能も入っています。

https://www.productexample.com/unit21/index.html

作り方の詳細は書かれていないのですが、フォーラムで紹介されています。
forum.babylonjs.com

また、フォーラムの中では、Blenderで作った3DモデルをBabylon.jsにエクスポートする方法、Babylon.js側でのライティング、ノーマルマップなどの効果追加方法が書かれた記事の紹介もありました。
From Blender to BabylonJS - Nothing-is-3D

3. 戸建の家の中

こちらもフォトリアルな部屋を再現しています。

www.youtube.com

Bitreelという海外の会社により開発されています。Bitreelは3Dモデルを使った制作事業の会社です。

この映像はBabylon.js6.0が発表された時のプロモーションビデオ (00:21付近) で紹介されています。

4. おわりに

あまり情報がないですが、Babylon.jsでも色々できる例としてみていただけば幸いです。

あとは、こんな感じの表現を作る方法を書いたことがあるので、こちらもぜひご参考ください。

www.crossroad-tech.com