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
270
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.4k
create-babylon-appを軽率にアプデしたい / update create babylon app
drumath2237
1
1.5k
軽率にVFX Graphと Compute Shaderを 組み合わせるテクニック/integrate-vfxgraph-and-compute-shader
drumath2237
1
340
軽率にVue 3で リアルタイム3Dアプリを作れる ライブラリを作ってみた/vue-with-3d-app
drumath2237
3
1.9k
軽率にBabylon.jsを C#で使う技術 / using-babylonjs-with-csharp
drumath2237
1
790
今こそ軽率に理解したい WebXR Device APIとBabylon.jsの話 / understand-webxr-device-api-and-babylonjs
drumath2237
0
180
Vue・Babylon連携ライブラリ BabyuewJSについて / about-babyuewjs
drumath2237
0
170
軽率にBabylon.jsの WebGPUエンジンを使って ComputeShaderに入門した / learn-about-babylonjs-webgpu-computeshader
drumath2237
0
730
Snapdragon Spacesを通して Unity XRプラグインフレームワーク について軽率に学ぶ / about snapdragon spaces sdk and unity xr framework
drumath2237
0
880
Other Decks in Programming
See All in Programming
traP の部内 ISUCON とそれを支えるポータル / PISCON Portal
ikura_hamu
0
130
コンテナをたくさん詰め込んだシステムとランタイムの変化
makihiro
1
180
Package Traits
ikesyo
1
130
ゆるやかにgolangci-lintのルールを強くする / Kyoto.go #56
utgwkk
2
780
20年もののレガシープロダクトに 0からPHPStanを入れるまで / phpcon2024
hirobe1999
0
970
103 Early Hints
sugi_0000
1
330
PHPとAPI Platformで作る本格的なWeb APIアプリケーション(入門編) / phpcon 2024 Intro to API Platform
ttskch
0
360
Внедряем бюджетирование, или Как сделать хорошо?
lamodatech
0
860
ISUCON14感想戦で85万点まで頑張ってみた
ponyo877
1
200
情報漏洩させないための設計
kubotak
5
1.2k
KubeCon NA 2024の全DB関連セッションを紹介
nnaka2992
0
110
ある日突然あなたが管理しているサーバーにDDoSが来たらどうなるでしょう?知ってるようで何も知らなかったDDoS攻撃と対策 #phpcon.2024
akase244
2
7.7k
Featured
See All Featured
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.5k
Designing Experiences People Love
moore
139
23k
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
45
2.3k
Writing Fast Ruby
sferik
628
61k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
28
2.2k
Designing for Performance
lara
604
68k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
171
50k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.3k
The World Runs on Bad Software
bkeepers
PRO
66
11k
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/