Iterative closest points algorithm with three.js buffer geometry objects

I have two meshes similar to each other in terms of shape I want to align these two meshes as a perfect fit as a source and target method used in ICP, what are the best methods we can use in three.js to do this? both are the points array their default positions and rotations are 000.

These are my two meshes/ point clouds:

What does Insane Clown Posse have to do with PCA + Eigenvectors?

https://www.cse.wustl.edu/~taoju/cse554/lectures/lect07_Alignment.pdf

Thanks for sharing the resources, My problem is related to alignment. I do foot segmentation from my image. I convert the segmented 2d-pixel mask (outline of the foot) into a 3d points array and then create a buffer geometry of this array.

Now I want to align my 3d shoe object in the exact way of the segmented mask which is converted into an object. I put a segmented foot-shape like object inside my 3d shoe object model so that I can apply an iterative closest point on it with my source foot mask object then after getting the exact translation and rotation I will apply that to the shoe.

I can position the dummy foot shape at the center of the foot object using its bounding box center but Now I want to align the dummy foot to the foot object as the exact shape like the foot tip curve aligns with the dummy foot tip curve. Aligning two objects as the best shape fit. After all the research I found the ICP algorithm but I need a more quick solution in three.js is there anything in three.js to do this quickly?

No there isn’t.