1

THREE.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);

その場で素材の色を変更する方法について何か提案はありますか? 私が達成したいのは、滑らかなフェード (たとえば、赤から緑へ) であり、色を動的にフェードできるようにすることです。したがって、レンダリングループで継続的に再レン​​ダリングする必要があり、その後、何らかの方法で色を変更して、ターゲットカラーに徐々にフェードする必要があると思います。しかし、コードでそれを行う方法がよくわかりません..

前もって感謝します!

アンダース

4

1 に答える 1

3

TWEEN.js を使用できます: https://github.com/sole/tween.js/

この Stackoverflow の質問には、質問に対する適切な解決策があります: three.js を使用して 2 つの色の間でトゥイーンする方法は?

于 2012-12-10T14:04:45.010 に答える