ChromeにBabylon.jsでテクスチャをロードできません

Question

babylon.jsを使用して3D球に画像を追加しようとすると、Error Uncaught SecurityError: Failed to execute 'texImage2D' on 'WebGLRenderingContext': Tainted canvases may not be loaded.

が表示されます。

これは私がコードを書いた方法です。私はチュートリアルこちらと私が試すまで都道府県を働いていますテクスチャを変更するには。

//Creation of spheres
var sphere1 = BABYLON.Mesh.CreateSphere("Sphere1", 10.0, 6.0, scene);
var sphere2 = BABYLON.Mesh.CreateSphere("Sphere2", 2.0, 7.0, scene);
var sphere3 = BABYLON.Mesh.CreateSphere("Sphere3", 10.0, 8.0, scene);

//Positioning the meshes
sphere1.position.x = 10;
sphere3.position.x = -10;

//Textures
var sphere1texture = new BABYLON.StandardMaterial("sphere1texture", scene);
var sphere2texture = new BABYLON.StandardMaterial("sphere2texture", scene);
var sphere3texture = new BABYLON.StandardMaterial("sphere3texture", scene);
sphere1texture.alpha = 0.75
sphere2texture.diffuseTexture = new BABYLON.Texture("./texture1.jpg", scene); 

.

sphere2（画像をロードしようとしたもの）はプログラムに表示されませんが、他のすべてがうまく機能します。

また、私はレッスンのソースコードをダウンロードしても同じことが起こりましたので、私はブラウザ（Google Chrome）とすることがあることを推測しています。

Answer 1

セキュリティ問題がないことを確認するために、ローカルではなく、Webサーバー上でファイルを使用する必要はありません。

Answer 2

Localサーバーまたはグローバルサーバーでアプリが実行されている場合にのみ、資産をロードできます。そうでなければ、HTTP要求は完了しない。