![見出し画像](https://assets.st-note.com/production/uploads/images/147432470/rectangle_large_type_2_fa48268bfc3154dbd34578f647f7b26a.png?width=1200)
第3回Babylonjs勉強会ゆるほめLT会
おはようございます、かーでぃです。夏の恒例行事となってまいりました、Babylonjs勉強会主催の「ゆるほめLT会」。今年で3回目です。
イベント属性
3週間ぐらいの告知期間がありまして…やっぱり最終日にページビューも申込も増えますねw
![](https://assets.st-note.com/img/1721084324403-WhXSdzALFo.png?width=1200)
どこから来られてるのか?というのも、実は見えたりします。この中で、googleから来られてる方がいるんですが、これは…検索でたどり着いた方でしょうか?ちょっと検索キーワードがキニナリますねぇ
![](https://assets.st-note.com/img/1721084406633-MiFrRmcWKY.png?width=1200)
アーカイブ動画、ブログ、資料など
limesさんが、イベント終了直後にブログを上げてくださっていました。
いつもありがとうございますー。
以下、登壇者のプレゼン資料です。
オープニング
イベント開始前のPRポスト!いっぱいポストして頂き、ありがとうございますー。こーいうポストが沢山あると、イベント自体も盛り上がっていくので、うれしいです(^^)
/
— かーでぃ@LT駆動って素敵! (@_0447222690292) July 15, 2024
📢今晩20時スタート
#BabylonJS勉強会 ゆるほめLT会⚡
\
自分も登壇します!
OpenAI APIとBabylonを組み合わせて、マイクラっぽいモノを作ってみたお話です。
登壇の枠は…まだ締まっていません!w
Babylon.js ゆるほめLT会 vol.3 https://t.co/F0m0ybQRe4
今夜!20時からゆるほめLT会です!
— にー兄さん (@ninisan_drumath) July 15, 2024
Youtubeでの配信となりますので、ぜひお気軽にご視聴ください~~
アーカイブは残す予定ですので、リアルタイムに参加できなかった方もお楽しみいただけます!
ぜひ参加登録いただいてお待ちください~https://t.co/UzEGooPygM #BabylonJS勉強会
20:00からこちらの回に参加してます。
— Octo 3.6 (@okutann88) July 15, 2024
Babylon.js ゆるほめLT会 vol.3#BabylonJS勉強会 #BabylonJShttps://t.co/n9AooLLJge
直前参加ですが宜しくお願いします。 Babylon.js ゆるほめLT会 vol.3 https://t.co/YEseBIxkHw #BabylonJS勉強会 #BabylonJS
— 長田英幸 (@nagata_hideyuki) July 15, 2024
今日登壇します!
— うえむー@エンジニア (@uemuragame5683) July 15, 2024
久々のLTで緊張しますがよろしくお願いします!#BabylonJS勉強会https://t.co/mWCQ2y7Mdo
そして、イベントスタートです。
今回のファシリはにー兄さん!いつもありがとうございますw
と思っていたら、相方欲しい、ということで急遽自分もオープニングから参加させてもらいましたw
(マジで事前周知なしだったので、びっくりしました笑)
Babylon.js ゆるほめLT会 vol.3 視聴参加中~!https://t.co/QKkNOFV3yH #BabylonJS勉強会 pic.twitter.com/8RjbWVF6OC
— チャラ電Mitz (@CharaDenMitz) July 15, 2024
Babylon.js ゆるほめLT会 vol.3 のタイムテーブル#BabylonJS勉強会 #BabylonJS https://t.co/7DuY2SlAdY pic.twitter.com/HKHTUZJJQn
— you (@youtoy) July 15, 2024
ゆるほめLTとは?
— かーでぃ@LT駆動って素敵! (@_0447222690292) July 15, 2024
#BabylonJS勉強会 pic.twitter.com/24cgNtEePc
一人目は私です。
おもしろそう!!#babylonjs #babylonjs勉強会 pic.twitter.com/1CwjUrKOuC
— にー兄さん (@ninisan_drumath) July 15, 2024
ということで、点群とはちょっと違うのかもしれませんが、OpenAIに立体物を作ってもらって、それをBabylon.jsで生成しよう、というお話です。
元々は、glTFを吐き出させて、それを表示しようと思ったのですが、glTFの出力がまったくできず…(出力されても、正しくない?形式で…)。
お~~~
— にー兄さん (@ninisan_drumath) July 15, 2024
微妙に違うモデルも出てくるときもw#babylonjs #babylonjs勉強会 pic.twitter.com/hSLIErNNfS
結局マイクラのようにブロックの組み合わせを表示する、というところに落ち着いたのですが、これもなかなか難しいですね。プロンプト云々の前に、この手の学習がされてなさそうな感じ?
ソースコードを提供するのは全然やぶさかではないのですが、如何せん、OpenAI APIキーが含まれているので、それを外して、どこかで公開します。
追記(2024/7/16)
ということで、APIキーを外したPlaygroundです。120行目にOpenAI APIのAPIキーを指定してもらえれば、うごきます。
二人目はうえむーさん
うえむーさん!
— かーでぃ@LT駆動って素敵! (@_0447222690292) July 15, 2024
Babylon.jsでmicroCMSで、フォトギャラリーを作ったお話ー
#BabylonJS勉強会 pic.twitter.com/Fb3OsXPZhS
Babylonjs勉強会の中でも話をされていた、microCMSとBabylon.jsを組み合わせて、フォトギャラリーを作られたお話。
組み合わせて作ってみたい!
— かーでぃ@LT駆動って素敵! (@_0447222690292) July 15, 2024
これ大事!!
#BabylonJS勉強会 pic.twitter.com/k4t6YdtaS7
個人的には、めっちゃ共感!
〇〇〇 x △△△ っていう組み合わせで、〇〇〇だけより、△△△だけより、もっと広い分野で活用できるんじゃないかという。その可能性を示すLTということで、興味津々で聞かせてもらいました!
やべぇ…
— かーでぃ@LT駆動って素敵! (@_0447222690292) July 15, 2024
Babylon.jsぐらいしか聞いたことないぞ(笑)
#BabylonJS勉強会 pic.twitter.com/TtaW9l672d
と言いつつも、聞いたことがあるワードが、JavaScriptとBabylon.jsぐらいしかない(笑
実際に動いているデモ
— にー兄さん (@ninisan_drumath) July 15, 2024
カルーセルで写真が動く!#babylonjs勉強会 #babylonjs pic.twitter.com/bhhfFlyOs1
実際のフォトギャラリーは、こんな感じ。
ゴルフ場の上で、カルーセルで写真が動く(カルーセルっていうのね)
三人目は奥谷さん
虎の穴ラボから、奥谷さん。タイトルは「Babylon.js CSG で遊ぼう。」
奥谷さん
— かーでぃ@LT駆動って素敵! (@_0447222690292) July 15, 2024
CSG使ってますか???
#BabylonJS勉強会 pic.twitter.com/BELXF5F2uD
冒頭、CGSって知ってる人、という問いが…
すいません、わかりません…
まさか、クリュセ・ガード・セキュリティ…じゃないよね…?とか、心の中でガノタ魂が叫んで居ましたが…(笑
CSG!
— you (@youtoy) July 15, 2024
●Constructive Solid Geometry - Wikipediahttps://t.co/GeIprz6c0N#BabylonJS勉強会 #BabylonJS
CSG = Constructive Solid Geometry
メッシュでメッシュを削って、新しいメッシュを作り出そう!っていう考え方でいいのかな?
おもしろそう!
— にー兄さん (@ninisan_drumath) July 15, 2024
コードベースでできるのですね~#babylonjs勉強会 #babylonjs pic.twitter.com/N3trn0E7t0
この図が変わりやすいですね。
立方体 - 球 = 球でえぐられた立方体
これを作り出すのが、CSGのようです。ただ、これをコードで求めようとするとめんどいので、サイト作ってみました(え?作ったの?すごい!)
上で操作して、結果が下段に表示されてる。
— かーでぃ@LT駆動って素敵! (@_0447222690292) July 15, 2024
面白い!
#BabylonJS勉強会 pic.twitter.com/6FjwUCShHX
デモでは、BOXメッシュでBOXメッシュを削って、新たにソファーを作り出すという。結構、サクっとやられてたのがすごかったです。
四人目はにー兄さん
本日ラストの登壇は、われらがにー兄さん。
軽率シリーズ第何弾?(笑
軽率ですが、やってることは、全然軽率じゃないw
にー兄さんの軽率シリーズw
— かーでぃ@LT駆動って素敵! (@_0447222690292) July 15, 2024
#BabylonJS勉強会 pic.twitter.com/xRXpqNo4Ki
コマンド叩いて、いくつかの質問を答えるとプロジェクトが出来てしまう、という!やってることが、相変わらずすごいぜ!
コマンドから、Babylon.jsアプリが作れる!
— かーでぃ@LT駆動って素敵! (@_0447222690292) July 15, 2024
npm create babylon-app
#BabylonJS勉強会 pic.twitter.com/m12DMiGd4S
現在の最新版が、v0.1.7だそうで、それをv1.0.0にするためのロードマップ。
目標は7月後半~8月上旬リリースとのこと。
これは楽しみ!!!!
v1.0.0に向けて…!
— かーでぃ@LT駆動って素敵! (@_0447222690292) July 15, 2024
#BabylonJS勉強会 pic.twitter.com/a2B0WaQX8U
クロージング
ビッグイベントのお知らせが入ってきました!!
おぉ…!!!!!!
— かーでぃ@LT駆動って素敵! (@_0447222690292) July 15, 2024
#BabylonJS勉強会 pic.twitter.com/cdYAv19lt1
Babylon.js x PlayCanvas合同LTイベント、8月31日開催!!
これはアツイ!!!
詳細は企画中とのことですが、PlayCanvas x Babylon.jsでなんかやりたいなぁ…とは思いつつ、腕とアイデアが皆無なのがツライ…orz
懇親会を含め、本日のゆるほめLT vol.3終了しました~~
— にー兄さん (@ninisan_drumath) July 15, 2024
ご参加いただいた皆様、ありがとうございました!
次回のイベントや来年のゆるほめLTもぜひ、よろしくお願いいたします!!!
Babylon.js ゆるほめLT会 vol.3 https://t.co/UzEGooPygM #BabylonJS勉強会
ということで、無事に第3回ゆるほめLT会、終了致しましたー。
4月のBabylonjs勉強会本家イベントで、年間スケジュールに組み込まれて居たのがめちゃくちゃうれしかったですw
来年も、また企画・登壇させてもらいますので、是非よろしくお願い致しますー。
最後にちょっとだけ宣伝
7/26(金) にRPACommunity 東海支部主催のオフラインイベントがあります!
せっかくのオフラインイベントですので、多くの方にご参加頂ければと思っております。是非、東海地方の方々、よろしくお願い致しますー
自分は、MCとして参加致します!
この記事が気に入ったらサポートをしてみませんか?