如何为已加载的.obj文件的每个面着色或纹理化？

Question

我正在做一个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对象每个面的颜色或纹理。