ここに示すThree.js コードをコピーして HTML ファイルに貼り付けthree.js
、Web サイトからパッケージをダウンロードし<script>
、ファイルの場所を指すようにタグを構成しましたthree.min.js
。
それにもかかわらず、HTML ファイルを開くと、空白の白い画面が表示されます。
私は何が欠けていますか?
まったく同じことを試してみたところ、ワイヤーフレームの立方体が画面上で回転しています。試してみるいくつかのこと。
1) three.min.js をルート フォルダーにドロップし、サンプル コードを変更せずに再度コピー アンド ペーストします。
2) build ディレクトリの下の zip パッケージから three.min.js を取得しましたか? それとも、git リポジトリをナビゲートして、コピーして貼り付けましたか? コピー/貼り付けを使用した場合は、[ Raw ] ボタンをクリックして、ラッパー HTML なしでコードを取得してください。
3) 最初に最新の Firefox または Chrome ブラウザーを試してください。そこでは動作するが、たとえば Safari では動作しない場合は、最初に Safari で WebGL を有効にするためにいくつかの手順を実行する必要があります。
4)ドライバの非互換性により、ビデオ カードがブラックリストに登録されている可能性があります。
これらのいずれも役に立たない場合は、Three.js パッケージを入手したコード、使用しているブラウザーとビデオ カードを投稿してください。他に何ができるかを確認します :)
私も同じ問題を抱えていました。Windows は、既定でファイル拡張子を非表示にします。フォルダオプションで変更したところ、うまくいきました。