Non è possibile caricare texture con babylon.js su Chrome

Question

Quando provo ad aggiungere un'immagine a una sfera 3D usando Babylon.js, ottengo l'errore Uncaught SecurityError: Failed to execute 'texImage2D' on 'WebGLRenderingContext': Tainted canvases may not be loaded.

È così che ho scritto il mio codice.Ho seguito il tutorial qui e tutto ha funzionato perfettamente finché non ci provoPer cambiare le trame.

//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 (quello che ho provato a caricare l'immagine a) non viene visualizzato nel programma, ma tutto il resto funziona bene.

Inoltre, ho provato a scaricare il codice sorgente per la lezione e la stessa cosa è accaduta, quindi immagino che sia qualcosa a che fare con il mio browser (Google Chrome).

Answer 1

È necessario utilizzare i file su un server web e non localmente per assicurarti che non ci siano problemi di sicurezza

Answer 2

È possibile caricare le risorse solo se l'app ha funzionato sul server locale o globale.In caso contrario, la richiesta HTTP non può essere completata.