クリックイベントに色を動的に追加する方法は？

Question

3つのjを使用してcolor onclickイベントを追加するにはどうすればよいですか？誰も助けることができますか？あなたのonclickハンドラでメッシュの材料のcolorプロパティに新しい色を割り当てる必要が

 var pts = [], numPts = 5; 
    for (var i = 0; i < numPts * 2; i ++) { 
     var l = i % 2 == 1 ? 10 : 20; 
     var a = i/numPts * Math.PI; 
     pts.push(new THREE.Vector2 (Math.cos(a) * l, Math.sin(a) * l)); 
    } 

    var shape = new THREE.Shape(pts); 
    var geometry = new THREE.ExtrudeGeometry(shape, extrudeSettings); 
    var material2 = new THREE.MeshLambertMaterial({ color: 0x66CC00, wireframe: false }); 
    var mesh = new THREE.Mesh(geometry, material2); 
    scene.add(mesh); 

Answer 1

：私は以下のコードを持っています。

は、このような関数でそれを開始するグローバル空間における変数meshを宣言 -

：

mesh.material.color = new THREE.Color(0xff0000); 
mesh.material.needsUpdate = true; 

アップデート - 例えば、それはちょうどあなたのonclickハンドラに次の行を追加します赤作ります

var mesh; function init() { var pts = [], numPts = 5; for (var i = 0; i < numPts * 2; i ++) { var l = i % 2 == 1 ? 10 : 20; var a = i/numPts * Math.PI; pts.push(new THREE.Vector2 (Math.cos(a) * l, Math.sin(a) * l)); } var shape = new THREE.Shape(pts); var geometry = new THREE.ExtrudeGeometry(shape, extrudeSettings); var material2 = new THREE.MeshLambertMaterial({ color: 0x66CC00, wireframe: false }); mesh = new THREE.Mesh(geometry, material2); scene.add(mesh); }