Javascript 如何对加载的.obj文件的每个面进行着色或纹理处理？

我正在做一个3D物体纹理和色彩的网站。（例如一套厨房设备。我想改变厨房橱柜、大理石和冰箱的颜色或纹理。）我正在网站上加载3d厨房设备模型。客户应该能够看到每个面的任何颜色和图案。如何对加载对象的每个面进行着色和纹理处理

我正在用p5js中的loadModel加载3D对象（.obj）。我尝试了MeshFaceMaterial并获得了.obj文件的几何体值，但我做不到

这是我的装载代码

let angle = 0;
let cat;
let myModel;
function preload() {
  cat = loadImage('cats/cat2.jpg');
  myModel = loadModel('OBJ.obj');
}

function setup() {
  createCanvas(window.innerWidth, window.innerHeight, WEBGL);
}

function draw() {
  background(0);
  rotateX(angle);
  rotateY(angle);
  rotateZ(angle);
  translate(0, 0, 0);//mouseX
  //texture(cat);
  model(myModel);
  angle += 0.01;
}

---

我希望更改3D对象每个面的颜色或纹理。

看看这个：然后在那篇帖子上找到主题

创建WebGL纹理

。谢谢你，但我看到了。它将为所有面添加纹理和颜色。我想对加载的3d对象的每个面进行纹理和颜色处理。您需要进行UV贴图纹理处理。我找不到加载对象（.obj文件）的任何内容。你能链接一些东西来尝试吗？看看这个：然后在那篇帖子上找到主题

创建WebGL纹理

。谢谢你，但我看到了。它将为所有面添加纹理和颜色。我想对加载的3d对象的每个面进行纹理和颜色处理。您需要进行UV贴图纹理处理。我找不到加载对象（.obj文件）的任何内容。你能链接一些东西试试吗？