今見てくれてる人の数

ホンキートンク・スーダラブルース

ゆるコラム、oF、邦ロックや歌謡曲、小説の感想。ドラクエ、JavaScript、ドラゴンボール超など。湘南あたりを転がってる石コロのゆるゆる生きてく超雑多な軌跡です。

【WebVR日記4】A-Frameに入門。3Dモデルを表示したい。うまくいかんのでUnityで

とりあえず現状を整理。。

以下2つの記事を備忘録とし、A-Frame入門してまっす!燃

www.sudara-bluse.tokyo

www.sudara-bluse.tokyo

 

進捗

・全天球画像を表示→クリア

・全天球画像の中に板ポリimage→クリア

・360度動画再生→NG。PC版ブラウザでは再生されるがiPhon iOS11で再生されない。。泣

・全天球画像の中に板ポリvideo→NG。PC版ブラウザでは再生されるがiPhon iOS11で再生されない。。泣

・3Dモデルを表示したい!→ 今ここ!

 

3Dモデルを表示したい

videoの件が解決してないのが気持ち悪いですが、、

3Dモデルを表示に挑戦します。objファイルを表示してみます。

ソース。。

index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
<!-- ver0.2.0を読み込み-->
<script src="https://aframe.io/releases/0.2.0/aframe.min.js"></script> </head> <body>

    <a-scene>

<a-assets>
            <a-asset-item id="crate-obj" src="obj/house_obj.obj"></a-asset-item>
            <a-asset-item id="crate-mtl" src="obj/house_obj.mtl"></a-asset-item>
     </a-assets>
               
            <a-obj-model src="#crate-obj" mtl="#crate-mtl" position="0 0 -15" scale="0.01 0.01 0.01"></a-obj-model> <a-sky
color="#ddd"></a-sky> </a-scene>
</body> </html>

 

これで家もモデルが表示されるはずなのですが、、、何も表示されず、、、。

portfolio-ai.com

こちらの記事みて、ver0.3.0を読み込んでみたら表示されたけど真っ暗。。。

f:id:sudara_bluse:20171031055518p:plain

 

ダメだこりゃ。。 

vr-lab.voyagegroup.com

この記事も参考にして、.mtl データのパスも変更

したけどうまく行かず。。。

 

結局、・3Dモデルを表示したい!→NG となりました。。(;;)

クッソ〜相性悪いのかな。。

英語のトキュメント読み込んで、最新verでやんなきゃダメなのかな。。

・3Dモデルを表示したい!→ NG。

です。。。

 

悔しい(;;)

 

もうUnityのCardBord SDKに戻ろうかな。。

悔しい!!

 

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

(追記: 10/31)

うまくいかなくて悔しいのでUnityで作ったらできました。

もはやWebVRではないが、、、。

www.sudara-bluse.tokyo

 

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー