Не могу загрузить текстуру с Babylon.js на Chrome

Когда я пытаюсь добавить изображение в 3d-сферу с помощью Babylon.js, я получаю сообщение об ошибке 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).

Источник

2 ответа

Решение

Вы должны использовать свои файлы на веб-сервере, а не локально, чтобы гарантировать отсутствие проблем с безопасностью

Источник

Вы можете загрузить ресурсы, только если ваше приложение запущено на локальном или глобальном сервере. Если нет, http-запрос не может быть выполнен.

Источник
Другие вопросы по тегам