Babylon.jsで作ってみた

Babylon.jsで作ってみた ricky

ざっくり自己紹介 技術好き・話すの好き・大喜利・言葉遊び好き XRの技術を使って色々なことを体験したい、体験の機会が誰にでも与えられるようにし たい 普段はNeosにいたりTwitterにいたりDiscordにいたりします

Babylon.jsとは？ Babylon.jsはWebGLを扱えるJavaScriptライブラリ WebGL：プラグインを使用せずにインタラクティブな 3D や 2D のグラフィックをレンダリ ングするための JavaScript API Babylon.jsを使えば XRコンテンツが作れる！！

おススメポイント ・サクサク書ける ゲームエンジンによくある立体的な配置でなく数値で実装が出来るのでコーディングに 慣れているとこちらの方が楽に書ける ・起動が軽い Unity起動というわずらわしさがないので思いついたらすぐに実装できる ・実装の検証が楽 ブラウザのVRモードから検証が出来る

成果物 ・ピアノ https://github.com/kkron4221/ babylon_piano ・オブジェクト共有 https://snapdragon-lofty-thought.glitch.me/ https://glitch.com/edit/#!/snapdragonlofty-thought?path=index.html%3A80%3A10

• https://github.com/kkron4221/babylon_piano
• https://snapdragon-lofty-thought.glitch.me/
• https://glitch.com/edit/#!/snapdragon-lofty-thought?path=index.html:80:10

宣伝 ・技術書典14にて技術書出ます https://techbookfest.org/product /jzpeH3fENc1LYKd5VdbPuc ・Babylon.js tutorial https://learn.microsoft.com/ja-jp/windows/mixed-reality/develop/javascript/tutorials/ babylonjs-webxr-piano/keyboard-model-02

• https://techbookfest.org/product/jzpeH3fENc1LYKd5VdbPuc
• https://learn.microsoft.com/ja-jp/windows/mixed-reality/develop/javascript/tutorials/babylonjs-webxr-piano/keyboard-model-02

参考資料など https://www.publickey1.jp/blog/22/web3dbabylonjs_50webgpuiosandroid.html https://zenn.dev/chomado/books/babylonjs-tutorial-ja/viewer/2-09 学習サイトなど https://learn.microsoft.com/ja-jp/windows/mixed-reality/develop/javascript/tutorials/ babylonjs-webxr-piano/introduction-01 https://www.docswell.com/s/Tks_Yoshinaga/5NRMM7-webxr#p5

• https://www.publickey1.jp/blog/22/web3dbabylonjs_50webgpuiosandroid.html
• https://zenn.dev/chomado/books/babylonjs-tutorial-ja/viewer/2-09
• https://learn.microsoft.com/ja-jp/windows/mixed-reality/develop/javascript/tutorials/babylonjs-webxr-piano/introduction-01
• https://www.docswell.com/s/Tks_Yoshinaga/5NRMM7-webxr#p5