0

ThreeCSG.js は、Three.js の JavaScript Constructive Solid Geometry フロントエンドです。Web から最小限の例をコピーすることから始めようと思いました。私はサイトから ThreeCSG.js を使用して Chandler Prall の驚くべき小さな javascript Constructive Solid Geometry の例のローカル コピーを保存しようとしました

https://stemkoski.github.io/Three.js/CSG.html

ページのローカル コピーを作成すると (Chrome の [Web ページとして保存] コマンドを使用して)、チェッカーボード テクスチャ ファイルが見つからないことがわかりました。次の JavaScript コンソール エラーが発生しました。

Failed to load resource: net::ERR_FILE_NOT_FOUND

（欠落している）jpgファイルのフルパス名で。手動で jpg ファイルをダウンロードして、Chrome が jpg ファイルを探していた場所に配置すると、別のエラーが発生しました。

The cross-origin image at file:///C:/tmp/images/checkerboard.jpg may not be loaded.

私のブラウザは Chrome 43.0.2357.134、Windows 7 64 です。IE でも同様の問題に遭遇しました。three.jsのバグ/機能かと思い、最新バージョンのthree.min.jsを試してみましたが、構文エラーが発生しました。(サンプルは古いバージョンの threecsg.js を使用しており、API が変更されています。)

私は何を間違っていますか？

4

4 に答える 4

0

画像ディレクトリをダウンロードしないため、それをロードすることは注目に値し、コードでここにエラーをスローします

var floorTexture = new THREE.ImageUtils.loadTexture( 'images/checkerboard.jpg' );

その画像をダウンロードし、その画像をレンダリングするための ajax リクエストを作成しているため、任意の Web サーバーを使用して html ページをレンダリングする必要があります。

于 2015-07-18T22:52:08.863 に答える
0

Chrome を使用していて、それがテスト用である場合、 Allow-Control-Allow-Originを行う Chrome 拡張機能があります。

于 2015-07-19T01:43:07.357 に答える