在颜色之间淡入淡出与 THREE.js

Question

我在三个中有一个简单的立方体.js：

        var cubeMaterial = new THREE.MeshLambertMaterial({color: 0xCC0000});
    var cube = new THREE.Mesh(
        new THREE.CubeGeometry(100, 100, 100),
    cubeMaterial);
    cube.position.set(0.7,1.95,-0.1);
    cube.scale.x = cube.scale.y = cube.scale.z = 0.002;
    scene.add(cube);

关于如何即时更改材料颜色的任何建议？我想要实现的是平滑的淡入淡出（例如从红色到绿色），并能够动态淡入淡出颜色。所以我的猜测是，它需要在渲染循环中不断重新渲染，然后以某种方式改变颜色，使其逐渐淡化为目标颜色。但我真的不确定如何在代码中做到这一点。

提前感谢！

安德斯

Answer 1

您可以使用

吐温.js：https://github.com/sole/tween.js/

在这个 Stackoverflow 问题中，您的问题有一个很好的解决方案：如何使用三种颜色在两种颜色之间补间.js？