福野泰介の一日一創

福井での餅まきなど、思いっきりばらまくのは楽しいですよね！ただ、現実ではお片付けが大変。そんな時便利なAR（Augmented Reality、拡張現実）！ドルをばらまくwebアプリを見つけたのでforkしてAR化して、整理してみました。

「make it rain AR - Three.js」
右手コントローラーのトリガーダウンで、マジックのように手からカードから飛び出していきます。 シミュレーション速度を1/20にしているので、ゆっくりひらひらと落ちるカードを楽します。Meta Quest Pro を使うと、その場を思いっきり散らかせますよっ。

ポイントは、VR状態をONにする、VRButton.jsをいじってつくったXRButton.jsの"immersive-ar"です。

HTML拡張タグで作れるA-Frameも魅力ですが、より薄いフレームワークで理解を深めるのもいいですね。