A small Babylon.js meetup in Japan succussfully finished last week! In this article, you can know the unique topics regarding Babylon.js.
- 1. Overview of Babylon.js LT meetup
- 2. Contents
- 2.1 Let's use open data with Babylon.js! - Toyohashi city -
- 2.2 Make Babylon.js with C# ~ "BabylonCS" ~
- 2.3 A concept that an animation is showed on Babylon.js
- 2.4 I'd like to do real time geek activities for virtual idols on Babylon.js
- 2.5 Show co-occurence network model with Babylon.js
- 2.6 Let's write books!
- 3. Conclusion
JP version
1. Overview of Babylon.js LT meetup
As you know, there is a Babylon.js community in Japan as "Babylon.js Japan".
Since 2022, we had several meetups and published books. The meetup was held on Zoom and around 70 persons registered. Over 50 attended.
There were 5 unique presentations in this meetup.
BabylonJS勉強会
— イワケン@UEFN+MRエンジニア (@iwaken71) 2024年1月24日
勉強会主催 & MC 無事終了しました!!
LT登壇者様
ZOOM参加の皆様
ありがとうございました!!
50名ほど参加
LTは5人、どれも面白かったです!!!
集合写真共有📷
ちょまどさんコメントありがとうございます!#BabylonJS勉強会 #BabylonJS @babylonjs https://t.co/IEKTD7AZS3 pic.twitter.com/wGkQedWbnj
2. Contents
2.1 Let's use open data with Babylon.js! - Toyohashi city -
Presenter:"かーでぃ"(Kerdy) @_0447222690292
Presentation slides:
docs.google.com
- He already tried to make digital twin with Babylon.js. (See his past book)
Babylon.js レシピ集 Vol.2 (Only Japanese version)
This trial shows rainy perscent data on map. He showed the percent as three-dimensional graph shape with Babylon.js
Referecne : Free Weather API
- His blog in JP:
2.2 Make Babylon.js with C# ~ "BabylonCS" ~
Presenter:"にー兄さん" (ni-ni-san) @_ninisan_drumath
Presentation slides:
speakerdeck.com
続いて、にー兄さん(@_ninisan_drumath) による
— ちょまど@ ITエンジニア (@chomado) 2024年1月24日
『軽率にBabylon.jsをC#で使う技術』!
マジで #BabylonJS が C# で動いててヤバい(語彙力)
[デモ内容]
C# のコード、実行して、いつものスフィアが出てくる。
そこを 1行 box に変更して再実行すると
ちゃんと box に!
すごい#BabylonJS勉強会 pic.twitter.com/kd22FJhzJb
Motivation
Some beginners who started Babylon.js had their Unity/Unreal Engine experience.
- It is not easy for them to use JavaScript.
If they can use C#, more developers can use Babylon.js.
His current work is on GitHub. Stay tuned his further updates.
Appendix:
Blazor : A method that developers can develop Web applications on C#.
Blazor チュートリアル | 最初の Blazor アプリをビルドする
【簡単】C#でWebアプリが作れる「Blazor」の始め方
WebAssembly(WASM) : A method that source codes except for JS can work on browsers.
WebAssembly の概要 - WebAssembly | MDN
WebAssemblyとは?高速実行する最新技術のできる・できないこと、活用事例
2.3 A concept that an animation is showed on Babylon.js
Presenter:ricky @N1809031125
- His motivation to use Babylon.js : He can easily check implementating results.
- His goal : Making animation on Blender, synchronizing them on Babylon.js at real time.
- First trial : Made an animation on Blender and recorded as mp4 format. Playback the file on Babylon.js and confirmed the concept.
続いて、VR の民 rickyさん (@N1809031125) による
— ちょまど@ ITエンジニア (@chomado) 2024年1月24日
『アニメーションをBabylon.jsで表示させてみた』
Blender と Babylon.js の相性良さそうだね☺️
あと「全部 VR 空間で解決させたい」みたいな話も、とてもわかりみがある…!👏#BabylonJS勉強会 #BabylonJS pic.twitter.com/nczDD22mio
2.4 I'd like to do real time geek activities for virtual idols on Babylon.js
Presenter:hiroyoshi-muranaka (@mononanokamo)
Presentation slides:
https://www.canva.com/design/DAF6wJo1vLg/2UnacmR5QsnSxACMbYEyKA/edit
- The presenter was a first grade student on a high school.
- His works: A virtual character as VRM format danced with a good music. Several client devices can show her dance at the same timing.
- We can check the demo movie on P.3 of his presentation slides (If you don't know Japanese, don't worry!)
- Why did he developed it on Babylon.js? : He could easily make WebXR contents. It was easy for him to use it because he knew JS and Web technologies.
- "Songle API", which was developed by AIST, was main component of his works. The API could manage and synchronize timing on each devices.
Example of impressions:
#BabylonJS勉強会 #BabylonJS
— 犯人はヤス (@Ykoba791) 2024年1月24日
monakamoさんの発表
同期してオンラインライブ!すご。 pic.twitter.com/mJAys2ntr2
続いて、高校1年生(!) @mononanokamo さんによる
— ちょまど@ ITエンジニア (@chomado) 2024年1月24日
『Babylon.jsでもリアルタイムでオタ活がしたい』
始まりました👏
リアルタイムライブが web ブラウザで動いてるってこと?!(デモ動画録画するのしくったけど美少女VRMモデルが軽快に動いてました)
すごい!!#BabylonJS勉強会 pic.twitter.com/aM7qwGUB2L
Appendix:
What is VRM?(JP)
「VRM」って何?どんなことができる? | VRM
What is Songle API? (JP)
Songle API
Sample project for Songle API (GitHub repositories) AIST Songle Project · GitHub
National Institute of Advanced Industrial Science and Technology (AIST)
National Institute of Advanced Industrial Science and Technology (AIST)
2.5 Show co-occurence network model with Babylon.js
Presenter: kiyuka (@kiyuka_study)
Presentation slides:
docs.google.com
だいたい今日のLT内容。たのしかったです!#BabylonJS #BabylonJS勉強会 pic.twitter.com/26haHv7TrU
— kiyuka (@kiyuka_study) 2024年1月24日
2.6 Let's write books!
Final part was me. As you know the community had three books for technical showcase events.
Next event will be held on March. I appealed the activities for listeners.
3. Conclusion
As shown in the community page, over 540 members attended the community!
Stay tuned our further activities from Japan! Next will be held around release date of Babylon.js 7.0!