javascript - メッシュのジオメトリをリアルタイムで切り替える three.js

Question

私は現在、以下を使用してthree.jsでメッシュを作成しています:

sphereGeometry  = new THREE.SphereGeometry( 1, 16,16 );
mesh = new THREE.Mesh( sphereGeometry, material );

トーラスも作成しました。

torusGeometry   = new THREE.TorusGeometry( 1, 0.42 );

アニメーションループのどの時点でも、球をトーラスに交換できるようにしたいと考えています。これは可能ですか？あるジオメトリを別のジオメトリに交換するにはどうすればよいですか?

score 5 · Accepted Answer

ジオメトリの切り替えにはコストがかかる場合があります。状況に応じて、シーンと非表示/表示の両方を追加するだけです。

score -2 · Accepted Answer

特にこの方法：

mesh.setGeometry(geometry)

レンダーループ内で行う方法は次のとおりです (球体をトーラスに交換するときはいつでもフラグを設定します)。

var flag;  
...
function render () {
    if (flag) {
        mesh.setGeometry(torusGeometry);
        flag = false;
    }
}
render();

前後に反転する場合 (レンダリングループ内):

if (conditions) { 
    mesh.setGeometry(sphereGeometry);
}

if (condition) {
    mesh.setGeometry(torusGeometry);
}

5 に答える 5