Как изменить текстуру в библиотеке Gera?

Question

Я изучаю библиотеку Gera WebGL, и мне интересно, как я могу изменить текстуру сетки в ней?

Я создаю вращающуюся коробку так:

var cube = new Gera.Cube({ 
    geometry: { 
     alpha: 1, 
     beta: 1, 
     gamma: 1, 
     delta: 1, 
     epsilon: 1, 
     dzeta: 1 
    }, 
    position: { 
     x: 0, 
     y: 0, 
     z: -7 
    }, 
    rotation: { 
     x: 1, 
     y: 0, 
     z: 1, 
     autostart: true, 
     angle: 45 
    }, 
    texture: 'imagePath.jpg' 
}); 

scene.add(cube); 

Но что, если я хочу, чтобы изменить текстуру после некоторого действия/события, что я должен делать?

Существует меньше информации в official spectification

Код выше был взят из индексной страницы, а некоторые довольно выборка из некоторого playground scene

Answer 1

Я нашел способ, как добиться изменения текстуры.

Вы можете сделать это с помощью следующего кода:

window.setTimeout(function() { 
    var image = new Image(); 
    image.src = 'new-file-path.jpg'; 
    image.onload = function(event) { 
     var handledImage = event.target || event.srcElement; 
     cube.texture.image = handledImage; 
    }; 
}, 1000); 

текстура будет обновляться в течение 1 секунды.

Кроме того, Gera прямо сейчас не предоставляет запросы происхождения CORS, поэтому будьте осторожны с получением данных изображения, если вы попытаетесь получить изображение с удаленного сервера, он не будет обновлен, вы должны поместить свои текстуры в localhost.