ne peut pas charger une texture avec Babylon.js sur Chrome

Question

Lorsque j'essaie d'ajouter une image sur une sphère en 3d à l'aide de Babylon.js je reçois le message d'erreur Uncaught SecurityError: Failed to execute 'texImage2D' on 'WebGLRenderingContext': Tainted canvases may not be loaded.

C'est de cette façon que j'ai écrit mon code.J'ai suivi le tutoriel ici et tout a fonctionné parfaitement jusqu'à ce que j'ai essayer de changer les textures.

//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 (celui que j'ai essayé de charger l'image) ne s'affiche pas dans le programme, mais tout le reste fonctionne bien.

Aussi, j'ai essayé de télécharger le code source de la leçon et c'est la même chose, donc je suppose que c'est quelque chose à voir avec mon navigateur (Google Chrome).

Answer 1

Vous devez utiliser vos fichiers sur un serveur web et non sur place pour s'assurer il n'y a pas de problèmes de sécurité

Answer 2

Vous pouvez charger des actifs uniquement si votre application est géré sur le plan local ou serveur global.Sinon, la requête http ne peut pas être terminée.