ics-creative/tutorial-three

Loaderのサンプルが表示されない件について

Closed this issue · 2 comments

Three.jsのわかりやすいチュートリアル、非常に参考にさせてもらっています。
Webページの方を参考に自前のモデルを読み込もうとしたところ、うまくいかず、とりあえずこちらのリポジトリをクローンしてみました。
その状態であっても、例えばloader_dae.htmlのローカルでの表示は以下のようになります。
image

もちろん、サンプルのうち動くものもあります。
image

フォルダ構成や内容は、クローンした状態から一切変えておりません。このような場合、どのような原因が考えられるでしょうか。

@hibit-at ご質問について回答が大変遅くなり失礼しました。

HTMLファイルをローカルファイルとしてブラウザで開いているように見受けられます。
※アドレスバーの部分が「C:/Users/〜〜〜」となっています

残念ながらブラウザの仕様で、ローカルファイルではJavaScriptから画像ファイルを読み込むことができません。
http:// もしくは https:// ではじまるアドレスにする必要があります。

ローカル環境ではウェブサーバーをローカルで立ち上げて確認するのがよいでしょう。
手段はいくつかありますが、VS Codeの以下のような拡張機能を利用します。

Live Server - Visual Studio Marketplace

お返事ありがとうございます。
紹介頂いた拡張機能を使って試してみます。