如何更改三個js中的牆壁顏色或圖像？

Question

我在三個js中創建了使用路徑的牆。我想要更改顏色選項，但會自動更改顏色onclick事件。

在我的顏色下方任何人都可以幫助我。

// wall 1 inside 
item_count = 1; 
var wall_x1    = 69; 
var wall_y1    = 55; 
var wall_x2    = 366; 
var wall_y2    = 52; 
var wall_z     = 0; 
var wall_width    = 5; 
var wall_height   = default_height; 
var wall_wall_width  = 5; 

if(!wall_wall_width) { wall_wall_width = 5; } 

var wall_wall_elevation = planner_default_height; 

if(!wall_wall_elevation) { wall_wall_elevation = default_height; } 

var wall_top_filltype  = 'texture'; 
var wall_top_fill   = 'default_wall.jpg'; 
var wall_side_filltype  = 'texture'; 
var wall_side_fill   = 'wall5.jpg'; 

if (item_count == 0 ) 
{ 
    starting_x_value = wall_x1; 
    starting_y_value = wall_y1; 
} 

path = generate_path_byline(wall_x1,wall_y1,wall_x2,wall_y2,default_depth); 
path_type ="wall"; 
x=starting_x_value-wall_x1; y=starting_y_value-wall_y1; 
// z=default_height/2; 
path_transform = transformSVGPath(path); 
create_surface(1,1,path_type,path_transform,starting_x_value,starting_y_value,x,y,z,default_height,wall_wall_elevation,wall_top_filltype,wall_top_fill,wall_side_filltype,wall_side_fill); 

Answer 1

我看到你的示例代碼定義材料沒有明確的辦法，或至少的方式three.js做的：

var material = new THREE.MeshBasicMaterial({ color: 0x00ff00 }); 

如果您作爲材料使用紋理的圖像，你有很多方法可以改變它的顏色......一個簡單的技巧可能是改變點亮顏色來減輕場景或這個物體。