javascript - Three.jsを使用してローカルマシンからOBJモデルをロードしていますか?

Question

Three.js で OBJ モデルを読み込もうとしています。

最初に私はこれを試しました：

var loader = new THREE.OBJLoader( );
loader.load( 'chair.obj', function ( object )
{
   scene.add( object );
});

しかし、クロスオリジンリクエストは HTTP でのみサポートされているというエラーが表示されました。

インターネットで助けを求めて、このページを見つけました: https://github.com/mrdoob/three.js/wiki/How-to-run-things-locally

コマンドラインからChromeを実行しようとしました: chrome --allow-file-access-from-files

まだ何もありません。

最後に、Python の組み込みの Http サーバーを使用してみました。そして、次のようにロードしようとしました：

var loader = new THREE.OBJLoader( );
loader.load( 'http://localhost:8000/chair.obj', function ( object )            
{
   scene.add( object );

});

シーンが読み込まれるようになりましたが、読み込もうとしたモデルが表示されません。Chrome 開発ツールで、次のエラーが表示されます。

XMLHTTPRequest を読み込めませんでした。Origin null は Access-Control-Allow-Origin では許可されていません。

デスクトップの 3D グラフィックスの専門知識はありますが、JavaScript とインターネットテクノロジについてはまったくの初心者です。私は Three.js にとても興奮しており、それを探求したいと思っていますが、この種の問題が発生しています。

私はこれをインターネットで調べようとしましたが、成功しませんでした。本当に助けが必要です。これを乗り越える方法について誰かが持っているかもしれない指針をいただければ幸いです。

ありがとう

1 に答える 1