Q&AAR.js A-frameを使ったwebARでモデルのテクスチャが反映されない
当方プログラミング初心者でして、いろんなサイトからコードをコピペして作っているのですが、３Dモデルのテクスチャだけがどうしても反映されなくて困っています。モデル自体は出現します。
発生している問題・エラーメッセージ
objとmtlの形式を利用しているが、３Dモデルのテクスチャ（色？）が反映されず、真っ白な状態。モデル自体は出現する。glbも調べて試したが、モデル自体反映されなかったりしてうまくいかず。モデル制作はblender。
該当のソースコード
<!DOCTYPE html> <html> <script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script> <script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar.js"></script> <body style="margin: 0px; overflow: hidden;"> <a-scene embedded arjs></body> </html><a-assets> <a-asset-item id="mikan-obj" src="mikan20.obj"></a-asset-item> <a-asset-item id="mikan-mtl" src="mikan20.mtl"></a-asset-item> </a-assets> <a-marker type="pattern" url="pattern-akemasite.patt"> <a-entity obj-model="obj: #mikan-obj; mtl: #mikan-mtl" scale="0.5 0.5 0.5"> </a-entity> </a-marker> <a-entity camera></a-entity> </a-scene>
試したこと
↑上記に載っているglb形式も試しましたがうまくいきませんでした。
補足情報（FW/ツールのバージョンなど）
実際のARカメラのページ
githubのページ（マーカーとかあります）
環境
コード書いてる→ macbookair、github
モデル制作→ blender
利用しているカメラ→ iphone12mini IOS 15.2 Safari
回答2件
0
.mtl ファイルを確認してみましたが、色が付いていないようですね。
Kd 0.8 0.8 0.8 とあるので、これだと灰色になるかと思います。
■ 【3Dモデル】Objファイル基礎
https://yttm-work.jp/model_render/model_render_0001.html
| キーワード | 情報 | 値 |
|---|---|---|
| Kd | ディフューズカラー | RGB(0.0～1.0) |
mtl
1Kd 0.800000 0.800000 0.800000
Blender で再度、色を付けてみたら反映するのではないかと思います。以下は手順になります。
■ Scene より変更対象のマテリアルを選択
■ マテリアルの色を変更
■ 再度保存しビューアで確認
※ この例は .glb 形式で保存し glTF Viewer（Three.js によるビューア）で確認した結果です。
＜参考＞
■ glTF Viewer
https://gltf-viewer.donmccurdy.com/
投稿2022/01/02 08:21
総合スコア4633
0
自己解決
サーフェスの種類が問題だったみたいです。サーフェスの種類を、デフォルトのプリンシプルBSDFにしたら表示されました。（元はディフューズBSDFにしていました。）
投稿2022/01/03 14:00
総合スコア0
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2022/01/03 13:58