Slide 1

Slide 1 text

Babylon.js User Community in Japan . #BabylonJS #BabylonJS勉強会 Babylon.jsのご紹介 2024/8/31 Limes (Microsoft MVP for Web & MR Development)

Slide 2

Slide 2 text

Babylon.js User Community in Japan . #BabylonJS #BabylonJS勉強会 自己紹介 o UnityとVRを中心に活動。2018年頃から Babylon.jsを知って情報発信を継続。最近は Babylon.js+WebXR関連で活動中 o Babylon.js勉強会の共同主催者 o 2児の父で休日は公園や図書館に行くことが 多い o Blog : Cross Road https://www.crossroad-tech.com/ Development Technologies (Unity) : 2016/10-2018/7 Windows Development (Windows Mixed Reality) : 2018/7-2022/8 Mixed Reality (MR Development) : 2022/9-2024/6, Microsoft MVP for Mixed Reality and Developer Technologies : 2024/7-

Slide 3

Slide 3 text

Babylon.js User Community in Japan . #BabylonJS #BabylonJS勉強会 Babylon.jsとは ゲーム/レンダリングエンジン向け、JavaScriptベースのフレームワーク

Slide 4

Slide 4 text

Babylon.js User Community in Japan . #BabylonJS #BabylonJS勉強会 o 2013年より公開。作者はMicrosoftのDavid Catuheさん o 2013/8/17にv1.2.1がリリースし、約2年おきにメジャー バージョンアップ。2022/4にv5.0.0がリリース o 2023/4/20にv6.0.0がリリース o 2024/3/28にv7.0.0がリリース Babylon.jsの歴史を簡単に

Slide 5

Slide 5 text

Babylon.js User Community in Japan . #BabylonJS #BabylonJS勉強会 Babylon.jsとは https://ericbroberic.itch.io/attack-of-the-killer-bunnies https://poki.com/jp/g/temple-run-2# https://cdn-factory.marketjs.com/en/x-trench-run/index.html 色々なブラウザゲームで採用されている

Slide 6

Slide 6 text

Babylon.js User Community in Japan . #BabylonJS #BabylonJS勉強会 Babylon.jsとは Waste to energy technology (abir.holdings) https://abir.holdings/ https://www.productexample.com/unit21/index.html https://www.media-geneva.ch/demos/bjs/snowball/psa.html 産業用途、フォトリアル表現などの 採用事例もある

Slide 7

Slide 7 text

Babylon.js User Community in Japan . #BabylonJS #BabylonJS勉強会 基本的な開発方法:コードで記述する 3Dモデルの配置、色、動作などを(基本的に) 全てソースコードで表現することで アプリケーションを開発する (UnityライクなEditorもあるが癖がある)

Slide 8

Slide 8 text

Babylon.js User Community in Japan . #BabylonJS #BabylonJS勉強会 開発方法1:Playground Babylon.jsのコミュニティが提供しているサイト コードを記述してその場で動作確認ができる他、コード付きで他の人に共有できる https://playground.babylonjs.com/

Slide 9

Slide 9 text

Babylon.js User Community in Japan . #BabylonJS #BabylonJS勉強会 Playgroundで公開されているデモの例 #ZU8CV4#12 #C21DGD#3 #165IV6#2526 アクセス方法の例: https://playground.babylonjs.com/#ZU8CV4#12

Slide 10

Slide 10 text

Babylon.js User Community in Japan . #BabylonJS #BabylonJS勉強会 開発方法2:ローカル環境 テキストエディタ ブラウザ or Visual Studio Code https://code.visualstudio.com/ https://www.microsoft.com/ja-jp/edge/home?ch&form=MA13FJ https://www.google.com/intl/ja_ALL/chrome/ others Chrome or Microsoft Edge or 自分のPCで開発する場合、テキストエディタとブラウザがあれば良い。JavaScript製の 他機能と組み合わせる場合、Node.jsのインストールが必要 others

Slide 11

Slide 11 text

Babylon.js User Community in Japan . #BabylonJS #BabylonJS勉強会 ご参考:Babylon.jsレシピ集 より詳しく知りたい方は、こちらもご参考ください。 Babylon.js 勉強会 | 技術書典 (techbookfest.org)

Slide 12

Slide 12 text

Babylon.js User Community in Japan . #BabylonJS #BabylonJS勉強会 おわりに ここでは、Babylon.jsの概要を紹介しました。 具体的な使い方や機能については、この後のLTをご覧ください。

Slide 13

Slide 13 text

Babylon.js User Community in Japan . #BabylonJS #BabylonJS勉強会

Slide 14

Slide 14 text

Babylon.js User Community in Japan . #BabylonJS #BabylonJS勉強会 技術書典17への参加について Babylon.js勉強会として参加し、レシピ集vol.5を 発刊予定です。 ・Babylon.jsに関することならなんでもOK ・執筆は全てGitHubとVisual Studio Code で 進め、オンラインで完結 ・毎回執筆初めての方が参加され、発刊まで進めています ・9月中に書き上げられればOK ご興味あればDiscordでご連絡ください!!