CrossRoad

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

Babylon.js ゆるほめLT会 vol.3 の内容をまとめました

Babylon.js Japanコミュニティ主催で「ゆるほめLT会 Vol.3」を開催しましたので、内容をまとめてみました。

1. Babylon.js ゆるほめLT会とは?

告知サイトの文章を引用します。

Babylon.js勉強会主催のBabylon.js入門者によるゆるーいLT会です。
■「ゆるい」とは…
  LTの内容が本格的でなくてもいいよぉー
■「ほめ」とは…
  LT登壇者を褒め、もっと先に進んでもらえる活力を与える場
と、Babylon.js入門者によるゆるーいLT会です。視聴者の皆様は、暖かく登壇者を見守ってください。
・初心者向けじゃ新たな発見なんてないんじゃないの??
 ↓ そんなことはありません!!
初心者だからこそ基本に忠実だったり、見落としがちなチュートリアルをきっちりと拾ったりと、あらゆる皆様にも新たな発見はきっとあるはず!!
是非、ご参加ください。

今回ははじめての登壇の方にフォーカスして、気軽にLTをできる場として開催されました。

babylonjs.connpass.com

準備は主にかーでぃさん 、当日の司会進行は、 にー兄さん さんがまとめてくださいました。

当日は約20名の方が参加されました。

2. 発表内容

2.1 超ぷち点群データを生成させて表示した話

発表者:かーでぃさん

・OpenAI APIを使って点群データ (cube メッシュ?) を生成

・ChatGPT 3.5相当で実行。4.0にしたら結果が変わるかもしれない

・色々な形状生成を試した。アイディアは良さそうだが、プロンプトの調整に課題ありとのこと

Basic configuration of OpenAI + Babylon.js

Generated 3Dmodels for Babylon.js

2.2 Babylon.js × microCMS でフォトギャラリーサイト作った

発表者: うえむーさん

・microCMSとは?:2019/8に公開されたAPI型ヘッドレスCMS。サーバ管理は一切不要

・microCMSとBabylon.jsを数年学んだ。組み合わせて何かを作ってみたかった -> フォトギャラリーサイトを作った

Adapted technologies for microCMS+Babylon.js trials

・Babylon.jsで背景を3DView。カルーセル状に画像を並べて表示

Demo scene of microCMS+Babylon.js

・今後やりたいこと:ポートフォリオサイトの作成。Blenderの勉強

2.3 Babylon.js CSG で遊ぼう。

発表者:octo3.さん

・虎の穴ラボ株式会社所属

・CSG (Constructive Solid Geometry) : いくつかの物体の重ね合わせによって新しい形の物体を作り出す

・CSGの例

・CSGのモデルを作る、公開できるサイトを作った

https://pile-up.deno.dev/

(サイトトップ右上の"Building"というボタンを押すと、自分で編集できる画面に遷移します)

Building画面の例
An example of CSG generating site with Babylon.js

・作ったモデルのソースコードを表示する機能もある

・課題:CSGの処理がそこそこ重く、エラーが発生することもある

2.4 create-babylon-appを軽率にアプデしたい

発表者:にー兄さん

・create-babylon-app とは(スクショをそのままはる)

Overview of create-babylon-app by ninisan_drumath

・公式Docに載せてほしいという意見も出ていた (まだ載っていない)

・モチベアップし、メンテナンス継続

・現在v0.1.7をリリース。v1.0.0に向けたロードマップはGitHubのプロジェクトで管理。7月末から8月上旬にv1.0.0リリースを目標

github.com

・今後の予定

Future plan of 'create-babylon-app' by ninisan_drumath

2.5 告知 : PlayCanvasコミュニティとの合同LT

下記を告知させていただきました。詳細はもう少し後でご連絡となりますが、よろしくお願いします!

Notification of joint an event with PlayCanvas and Babylon.js

3. おわりに

Babylon.jsでこんなこともできるのかと驚く発表ばかりでとても勉強になりました。