🎹

公式サイトで作るBabylon.js製ピアノ

2023/05/18に公開

まずはこの動画をご覧ください。
https://www.youtube.com/watch?v=AmmqhecoANM&ab_channel=ricky
このモデル、鍵盤を押したときの音が鳴る処理はすべて自作したものとなります。
これはMicrosoftが公式でチュートリアルとして用意してくれているサンプルコードを写経した内容になります。
https://learn.microsoft.com/ja-jp/windows/mixed-reality/develop/javascript/tutorials/babylonjs-webxr-piano/introduction-01
作成時間も基礎的なJavaScriptの知識があれば2~4時間程度で作れてかつHMDがあればXRの体験ができます。
鍵盤の作り方なども非常に丁寧に解説されているのでBabylon.jsってどんなことができるのという方におススメです。
こんなのが作れるんだというイメージを持ってもらえて、Babylon.jsに興味を持ってもらえれば幸いです。

私が作成したGitHubのリンクもあるのでよかったらそちらをcloneして試されてみてください。
https://github.com/kkron4221/babylon_piano

Discussion