L@cL 'cX K"Y^ҚTy"a"*z0uN(x`X@犀 3rijd~PB/0i_taG5#HВ939RI{k Ybid ddates2023-02-08T21:15:00etitlexQ手だけでコントロールするARオブジェクト、VRをAR化する方法dtagsk#js #meganecurlxhttps://fukuno.jig.jp/3850dbodyy VRと違ってリアルなその場の空間を使えるのが便利なAR。three.jsサンプルにあったVRでハンドトラックするアプリをAR化しました。Quest1/2/Proでご覧ください。(Meta社からリリースされたエミュレーター「Immersive Web Emulator」でもいけるかも?)


「AR-handbutton」
src on GitHub
目の前に浮かぶトーラス形状。 まずは手をゴーグル前にかざして、ARな手を呼び出します。 手元の3つのバーチャルなボタンを手で押すことでその色を変更できます。

VRButtonをARButtonに変更し、scene.backgroundを設定しないようにして、THREE.WebGLRendererの生成時に alpha: true を加えるのがポイントです。(commit log)

ARでハンドトラックすると未来感が増します。

福井で見たい方、週末のイベントへどうぞ!
Tokyo OSS Party!! 2023 Day 1 福井会場の編集 | Peatix
東京で見たい方、再来週のイベントへどうぞ!

「電脳メガネサミット in Tokyo」

links
- 楽しいARデモの改造から始めるJavaScript入門 - HTML内のimportmapをごっそり書き換えるsetimportmap
cimgxKhttps://img.sabae.cc/data/20230209/617cf265-c8e8-45b7-ae8e-118d8abbe045.jpg