在three.js中,要在按键时更改对象的材质,可以通过以下步骤实现:
var geometry = new THREE.BoxGeometry(1, 1, 1);
var material = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
var cube = new THREE.Mesh(geometry, material);
scene.add(cube);
document.addEventListener('keydown', function(event) {
// 在这里处理按键事件
});
document.addEventListener('keydown', function(event) {
if (event.key === 'r') {
cube.material.color.set(0xff0000);
}
});
function animate() {
requestAnimationFrame(animate);
renderer.render(scene, camera);
}
animate();
这样,当按下R键时,立方体的材质颜色将更改为红色。你可以根据需要修改按键和材质的更改方式。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云云函数(SCF)。
领取专属 10元无门槛券
手把手带您无忧上云