3色でダイナミックな色の変化がありません。JS

Question

3つのJSで壁を作成しました。クリックイベントで色を動的に変更しようとしています。しかし、その仕事はありません。以下のコードのエラーとは何か：

var materials = [ materialFront, materialSide ]; 

var material = new THREE.MeshFaceMaterial(materials); 

if(path_type=="wall") 
{ 
    var mesh1 = new THREE.Mesh(geometry1, material); 
    object.add(mesh1); 
} 
else { 
    var mesh2 = new THREE.Mesh(geometry1, material); 
    object.add(mesh2); 
} 

object.rotation.x = Math.PI/2; 
object.position.y = parseInt(default_height*(floor_number-1)); 
scene.add(object);  

にOnclickチェンジカラーコード：

mesh1 not defined

Answer 1

if(path_type=="wall") 
{ 
    var mesh1 = new THREE.Mesh(geometry1, material); 
    object.add(mesh1); 
} 

は、変数mesh1がifに宣言されています。

function color_change(color){ 
mesh1.material.color = new THREE.Color(color);   
mesh1.material.needsUpdate = true; 
} 

が、私はこのエラーを取得しますそのスコープの外部からアクセスすることはできません。あなたは他のfunctions.likeからアクセスするグローバルスコープでそれを宣言する必要があり、この -

var mesh1; 
if(path_type=="wall") 
{ 
    mesh1 = new THREE.Mesh(geometry1, material); 
    object.add(mesh1); 
}