Three.js 设置模型材质纹理贴图和修改材质颜色，材质透明度，材质网格

// 假设已有一个Three.js场景(scene)和相机(camera)
// 创建一个几何体，例如一个立方体
var geometry = new THREE.BoxGeometry(1, 1, 1);
 
// 加载纹理
var textureLoader = new THREE.TextureLoader();
var material = new THREE.MeshPhongMaterial({ color: 0x00ff00 });
textureLoader.load('texture.jpg', function (map) {
    material.map = map;
});
 
// 创建带有材质的网格
var mesh = new THREE.Mesh(geometry, material);
scene.add(mesh);
 
// 设置材质颜色
material.color.set(0xff0000); // 设置为红色
 
// 设置材质透明度
material.transparent = true;
material.opacity = 0.5; // 设置透明度为50%
 
// 创建一个网格的简单版本，用于渲染仅边缘的线框
var wireframe = new THREE.Mesh(geometry, new THREE.MeshBasicMaterial({ color: 0x000000, wireframe: true }));
scene.add(wireframe);
 
// 渲染场景
renderer.render(scene, camera);

这段代码展示了如何在Three.js中加载纹理、创建材质、设置材质颜色和透明度，并将其应用到一个几何体网格上。同时，还创建了一个线框网格，以便可视化网格边缘。这些操作是进行交互式3D设计和开发的基本技能。