Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Babylon.js 7注目機能を 軽率にまとめてみる/whats-new-in-babylo...
Search
にー兄さん
April 28, 2024
Programming
1
210
Babylon.js 7注目機能を 軽率にまとめてみる/whats-new-in-babylonjs-v7
Babylon.js 勉強会 vol3で発表した資料です
にー兄さん
April 28, 2024
Tweet
Share
More Decks by にー兄さん
See All by にー兄さん
UnJSを使って軽率にCLIを作ってみたらめちゃくちゃ便利だった / create CLI with UnJS
drumath2237
4
1.3k
create-babylon-appを軽率にアプデしたい / update create babylon app
drumath2237
1
1.4k
軽率にVFX Graphと Compute Shaderを 組み合わせるテクニック/integrate-vfxgraph-and-compute-shader
drumath2237
1
250
軽率にVue 3で リアルタイム3Dアプリを作れる ライブラリを作ってみた/vue-with-3d-app
drumath2237
3
1.8k
軽率にBabylon.jsを C#で使う技術 / using-babylonjs-with-csharp
drumath2237
1
670
今こそ軽率に理解したい WebXR Device APIとBabylon.jsの話 / understand-webxr-device-api-and-babylonjs
drumath2237
0
130
Vue・Babylon連携ライブラリ BabyuewJSについて / about-babyuewjs
drumath2237
0
150
軽率にBabylon.jsの WebGPUエンジンを使って ComputeShaderに入門した / learn-about-babylonjs-webgpu-computeshader
drumath2237
0
630
Snapdragon Spacesを通して Unity XRプラグインフレームワーク について軽率に学ぶ / about snapdragon spaces sdk and unity xr framework
drumath2237
0
760
Other Decks in Programming
See All in Programming
CSC509 Lecture 08
javiergs
PRO
0
110
レガシーな Android アプリのリアーキテクチャ戦略
oidy
1
170
推し活としてのrails new/oshikatsu_ha_iizo
sakahukamaki
3
1.7k
Tuning GraphQL on Rails
pyama86
2
1k
Webの技術スタックで マルチプラットフォームアプリ開発を可能にするElixirDesktopの紹介
thehaigo
2
910
gopls を改造したら開発生産性が高まった
satorunooshie
8
240
Googleのテストサイズを活用したテスト環境の構築
toms74209200
0
270
Kotlin2でdataクラスの copyメソッドを禁止する/Data class copy function to have the same visibility as constructor
eichisanden
1
130
アジャイルを支えるテストアーキテクチャ設計/Test Architecting for Agile
goyoki
7
2.8k
詳細解説! ArrayListの仕組みと実装
yujisoftware
0
480
【Kaigi on Rails 2024】YOUTRUST スポンサーLT
krpk1900
1
240
のびしろを広げる巻き込まれ力:偶然を活かすキャリアの作り方/oso2024
takahashiikki
1
410
Featured
See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
31
2.7k
Designing on Purpose - Digital PM Summit 2013
jponch
115
6.9k
A Tale of Four Properties
chriscoyier
156
23k
Speed Design
sergeychernyshev
24
570
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
41
2.1k
Practical Orchestrator
shlominoach
186
10k
Designing the Hi-DPI Web
ddemaree
280
34k
Writing Fast Ruby
sferik
626
61k
How To Stay Up To Date on Web Technology
chriscoyier
788
250k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.2k
Building Your Own Lightsaber
phodgson
102
6k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Transcript
Babylon.js 7注目機能を 軽率にまとめてみる にー兄さん@ninisan_drumath Babylon.js勉強会 vol.3
にー兄さん(@ninisan_drumath) 株式会社ホロラボ ソフトウェアエンジニア Iwaken Lab. / Babylon.js勉強会運営 お仕事ではUnityを使ったxR開発がメイン 趣味ではBabylon.jsをよく触る うちの猫たち→
本日の話 対象者はBabylon.jsに興味がある皆様 普段からBabylon.jsで開発をしているBabylonians Babylon.js気になるな......って方 Babylon.js v7のリリース内容をキャッチアップしましょう 「こんな機能あるんだ、使ってみたい!」 と思ってもらえると嬉しいです
アジェンダ 1. はじめに 2. Babylon.js v7 リリース 3. Babylon.js v7注目機能
4. おわりに
Babylon.js v7リリース
Babylon.js v7、触りました。。。? 私はちょっとだけさわさわしてみました まだ自作ライブラリに組み込めてない これから新規PJを作成する際にはv7でいいかなって思ってます
Babylon.js v7リリース!🎉🎉🎉 3月28 日(日本時間)に7.0 リリース! 新機能や新ツールなどが発表された GitHubリリースページ https://github.com/BabylonJS/Babylon.js/releases/tag/7.0.0 ちなみに •
リリース周期5.0以降は年に1 回の Major リリース • MinorリリースやHotfix は1 週間弱間隔 • 3日前にv7.4.0出てました
かっこいいリリースビデオも発表されましたね
公式から注目機能一覧が発表
公式から注目機能一覧が発表 • Procedural Geometry (NGE) • Global illumination • Gaussian
Splatting • Ragdoll physics • WebXR improvements and Apple vision pro support • Advanced animation system updates • Greased Line • Advanced Ground Projection • Seamless texture decals • MMD Support
Babylon.js v7注目機能
Procedural Geometry (NGE) Node Geometry Editor ノードを使ってプロシージャルに 3D形状を作成できるWebツール プロジェクトファイルの保存、コードのエ クスポート、
GLBファイルの出力に対応 https://nge.babylonjs.com/ docs: https://doc.babylonjs.com/toolsAndResource s/nge
Global illumination リアルタイムGI 間接光を考慮したライティングを実現 Reflective Shadow Maps というアルゴリズムで簡易的なGI を実装 Doc:https://aka.ms/babylon7GIDoc
Gaussian Splatting 3D Gaussian Splatting のデータを読み込み・表示できる機能 公式フォーラムで投稿された実装が元となり コミュニティメンバーによって実装 実験的機能として6.33.0 から存在したが、
正式版として7.0 で発表された .ply/.splat形式の両方に対応 PG: https://playground.babylonjs.com/#45KYTJ#8 Doc:https://aka.ms/babylon7GSplatDoc
Ragdoll physics ラグドールについての機能 ボーンおよびSkinnedMeshに 物理挙動を付与できる メッシュ読み込み時に得られるボーン情報から configを作成して実行可能 const ragdoll =
new BABYLON.Ragdoll(skeleton, newMeshes[0], config); RG: https://playground.babylonjs.com/#DLPNQT#0 Docs: https://aka.ms/babylon7RagdollDoc
WebXR機能追加 公式ツイートで紹介されていた項目 VRHMD向けの機能が拡充 • フルスクリーンGUI • Touchable UI Elements •
ワールドスケール • ハンドとコントローラの同時使用 https://twitter.com/babylonjs/status/1770133134949937177
Apple VisionPro 対応 Apple VisionPro でも動くデモが 公開されている Safari on visionOS
ではWebXRの VR モードが動作しハンドトラッキングが動く SafariではデフォルトでWebXR 機能はは無 効になっているので有効化する必要あり https://twitter.com/babylonjs/status/1769770743414325324
Advanced animation system updates おそらくMasking animations in a groupの ことを指しているっぽい
AnimationGroupに対して実行したいアニ メーションを選択制御できる PG: https://playground.babylonjs.com/#56LX6L#9 Doc: https://doc.babylonjs.com/features/featuresDeepDive/animation/groupAnimations#masking-animations-in-a-group
Greased Line 空間に線(LineLine)を描画する機能 頂点を登録すれば線を描画でき、 幅や色などのプロパティを変更可能 インスタンシングやLazy モードがあり、 大量の描画も想定 内部的にはMesh として扱われる
PG: https://playground.babylonjs.com/#H1LRZ3#52 https://aka.ms/babylon7GLDoc
Advanced Ground Projection Skyboxの機能の一部 Cubeマップを貼るCubeの底面を 架空の地面のように見せることができる PG: https://playground.babylonjs.com/#25JK74#0 Doc: https://aka.ms/babylon7GProjDoc
Seamless texture decals Decal(メッシュに対して模様を描画する 仕組み)の一部機能 Decal機能自体はn年前にあったが 異なるUVの境界を横切って配置された Decalで発生するアーティファクトが発生してい た問題を解決(v6.33.1~) Doc:https://aka.ms/babylon7SeamTsDoc
MMD Support PMX形式のモデルファイルと、VMD 形式のモーショ ンファイルの読み込みに対応 専用のマテリアルや音楽との同期機能も追加 3DGSと同様にフォーラムの投稿がキッカケでコミュ ニティの実装が元となって機能追加 公式から音楽に合わせてダンスを踊らせているサン プルが公開されているのが印象的
PG: https://playground.babylonjs.com/#028YR6#18 Docs: https://aka.ms/babylon7MMDDoc
おわりに
まとめと所感 先月末にv7がリリースされ、魅力的な機能追加が発表された 全く新しい機能から一部機能の強化など粒度は様々 注目機能一覧が出るの、いいね👍 実はv6から徐々にアプデしてるので、 突然使えるようになったわけではない機能ばかり これからのBabylon.jsにも期待! BabylonXの話もありますね……
参考文献 GitHubのリリース https://github.com/BabylonJS/Babylon.js/releases/tag/7.0.0 リリースポスト https://twitter.com/babylonjs/status/1773416605919383622 What's new / Babylon.js Documents
https://doc.babylonjs.com/whats-new#700 Introducing Babylon.js 7.0! https://forum.babylonjs.com/t/introducing-babylon-js-7-0/49132 Introducing Babylon.js 7.0 (Medium) https://babylonjs.medium.com/introducing-babylon-js-7-0-a141cd7ede0d 公式サイト https://babylonjs.com/