Загрузить изображение для текстуры WebGL, но не удалось из-за CORS

Question

Я читаю учебник по WebGL ( ссылка ). В этом уроке мы загружаем текстуру локально. Тем не менее, из-за перекрестной проблемы с текстурой WebGL мы должны добавить img.crossOrigin="anonymous".

К сожалению, для меня это вызывает событие onerror.

Вот код:

const image = new Image();
image.onload = () => {
    gl.bindTexture(gl.TEXTURE_2D, texture);
    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, image);
    gl.generateMipmap(gl.TEXTURE_2D);
    console.log("Texture loaded.");
};
image.onerror = () => {
    console.log("Texture error!");
}
image.crossOrigin = "anonymous";
image.src = url;

Что я пропустил?

Answer 1

Для локальной загрузки изображений необходимо запустить сервер и НЕ установить image.crossOrigin

Я рекомендую начать с с этого или один из множества здесь