Javascript 如何在Gera库中更改纹理?
我正在学习Gera WebGL库,我想知道如何在其中更改网格的纹理 我正在创建这样的旋转框: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,
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中