Javascript 如何在Gera库中更改纹理?

Javascript 如何在Gera库中更改纹理?,javascript,gera,Javascript,Gera,我正在学习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,

我正在学习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 );
但是如果我想在某个动作/事件后更改纹理,我应该怎么做

这方面的信息较少


上面的代码取自索引页,还有一些漂亮的示例,我找到了实现纹理变化的方法

您可以使用下一个代码执行此操作:

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中