1

私は WebGL をまったく初めて使用し、http://learningwebgl.com/blog/で例を調べてきました。JavaScript ファイル glMatrix-0.9.5.min.js と webgl-utils.js をダウンロードした後、レッスンのコードを自分のコンピューターのフォルダーにコピーし、レッスン 1 から 4 をローカルで Google Chrome と連携させました。ただし、レッスン 5 と 6 を機能させることができません。レッスン 5 の場合、nehe.gif ファイルを HTML と JavaScript コードと同じフォルダーにダウンロードしましたが、動作しません。私が得るのは、テキスト付きの回転する立方体ではなく、黒い四角だけです。

関数 initTexture() に、次のコード行を追加しました。

document.write("<img src='nehe.gif' />");

画面に表示されているとおり、テキストを含む画像が読み取られていることを確認しますが、この行をコメントアウトすると、黒い四角に戻ります。

HTML コードに加えた唯一の変更は<!DOCTYPE html>、最初の行に追加し、HTML コードの本文にある 2 つのリンクと
タグを削除することです。

レッスン 1 から 4 は Google Chrome では正しく動作しますが、Windows コンピューターの Internet Explorer や Firefox では正しく動作しません。

レッスン5を機能させる方法について、誰かが親切にアドバイスをいただければ幸いです。

4

1 に答える 1

0

デフォルトでは、Chrome はローカル ファイル システムからテクスチャ イメージを直接ダウンロードすることを許可しません。

見る：

http://code.google.com/p/chromium/issues/detail?id=70088
http://code.google.com/p/chromium/issues/detail?id=57653
http://code.google.com/p/chromium/issues/detail?id=47416
http://code.google.com/p/chromium/issues/detail?id=31068

いくつかの回避策:

a) Call chrome with --allow-file-access-from-files in the command-line.
b) Run a webserver locally to supply the textures for Chrome.
c) Use Firefox for examples with textures stored on the local filesystem.
于 2013-08-08T06:39:50.563 に答える