問題タブ [web-ar]

モバイル用に作成した AR.js html の a-image にクリック イベントを追加できません。

ここに私のコードがありますが、PC とモバイルの両方では機能しません。

誰かが理由を教えてもらえますか?

Piotr Adam Milewskiの例 を使用して、作品に画面上に留まる機能を実装しようとしています。

しかし、私はそれをすることができませんでした。私は JavaScript の初心者です。Web ar に必要なので、それを学んでいます。nft の例を作成しました。ジェスチャー コントロール (回転やスケーリングなど) などの機能を含める予定です。画面にとどまります。

これは私の作品です

そして、あなたはここでそれをライブでチェックすることができます

この画像の使用

私が直面している問題:

1.モデルを正確に nft の中心に配置できませんでした。

2.モデルに回転係数(-90 0 0)を含めると、手のジェスチャーによる回転機能は機能しますが、適切な方法では機能しません。モデルの回転を削除すると、手/マウスによる回転はうまく機能しますが、モデルが反転します。

3.Stay-on-screen を含めたかったのですが、コードに実装するための知識が不足しています。

3D モデルをレンダリングするために、Angular プロジェクトで Google の ModelViewer 1.9.2 を使い始めました。今のところオブジェクトを増強するための表面検出の可能性があります。最初は、アプリケーション アセット内の 3D モデルを使用して拡張しましたが、うまくいき、拡張できるようになりました。ここで、s3 バケットからファイルをフェッチし、URL をモデル ビューアーに渡したいと考えています。これは私が立ち往生しているところです。パブリック URL もプライベート署名付き URL も 3d オブジェクトを拡張できません

これは私のcomponent.htmlです

これは私のcomponent.tsファイルです

署名付き URL を modelViewer に渡すとき、組み込みの s3 サービスを呼び出しています。これにより、資格情報を使用してプライベート バケットにアクセスし、署名付き URL を返すことができるので、モデル ビューアーに渡すことができます。

両方の s3 バケット (パブリックとプライベート) に対して CORS ポリシーを有効にしました。これは、適用した CORS ポリシーです。

どちらの場合も、モデル ビューア (モデル プレビュー) を表示できます。しかし、「AR で表示」ボタンが有効になりません。CORS アクセスの問題はありません。私が使用しているデバイスは、Android ARCore 対応デバイスです。ローカル アプリケーション アセットから同じファイルを渡すと、[AR で表示] ボタンが表示されるので、angular アプリケーションに添付されているモデル ビューアー プラグインに問題はないと確信しています。

問題は、パブリックまたは署名付きの URL をモデル ビューアーに渡すときに発生します。プロセスで何か不足している場合は、提案してください。