問題タブ [model-viewer]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Model Viewer - GLB - オブジェクトからのデータの取得
ブラウザで簡単にレンダリングしてインタラクティブにすることができるGLBファイルがいくつかあります(基本的に回転できます)
これは明らかに、外部でホストされているサンプルの GLB ファイルですが、私はもっと単純な GLB ファイルの独自のコレクションを持っています。
GLB と対話するだけでなく、クリックしているオブジェクトの部分に関するデータを取得してクライアント側に渡す方法を知っている人はいますか? たとえば、単純な正方形をレンダリングした場合、その一部をクリックすると、クリックした場所の座標またはクリックしたものの形状を含む「アラート」javascript コマンドを取得できる方法はありますか?またはノードの名前 (基本的に元の GLTF JSON 形式のデータ)?
ios - AR Quick View の AR Quick View ボタンが一部の iOS デバイスで押せない
一部の iOS デバイスでは、AR クイック ビューの AR クイック ビュー ボタンを押すことができません。iPhone 12 Proに関しては、iOS標準のQRコードリーダーから読み取る場合、iOS 15ではAR Quick Viewボタンを押すことができませんでしたが、iOS 14のiPhone 12 ProではAR Quick Viewボタンを押すことができます。 Safariから起動した場合はARクイックビューボタンを押すことができますが、標準のQRコードリーダーからアクセスした場合はARクイックビューボタンを押すことができません。また、一部の iOS デバイスでは、AR クイック ビュー ボタンを押すことができません。https://konabeer.jp/beach-diorama-ar/以外でも問題が発生しているようです。この AR クイック ビュー ボタンが押せなくなるのを回避する方法はありますか? この問題の解決策だけでなく、より多くの情報を得ることができれば非常に役に立ちます。
独自の検証の結果、iOS 15 およびコントロール センターから QR コードをインポートすると、AR クイック ルック ボタンが無効になります。既知のバグや回避策をご存知でしたら、またはこの問題に関する情報を掲載している有益なサイトがあれば、教えていただければ幸いです。
angular - AWS S3 からプライベート署名付き URL またはパブリック URL を渡すと、Web 用のモデル ビューアーに [AR で表示] ボタンが表示されない
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 をモデル ビューアーに渡すときに発生します。プロセスで何か不足している場合は、提案してください。