Image reference for FaceMesh

[alanvww]

Similar to #176 , it will be great if we can include a ml5 version of this diagram in our docs website. @MOQN @QuinnHe @myrahsa

[shiffman]

Thanks for posting this @alanvww! I'll also note that when going over this model in class, I found that the index numbers are very hard to read in the referenced diagram. I realize it's probably quite a challenge to make a clear design for this diagram given the number of points in the mesh, but I think it could be very valuable!

[MOQN]

Thank you @alanvww and @shiffman! Let me work on it this week (or weekend)!

[leey611]

texture map examples like this is a helpful demonstration for implementing a custom face mask. @alanvww and i would like to add the diagram under faceMesh.getUVCoords() as a reference for creating custom masks.

[alanvww]

texture map examples like this is a helpful demonstration for implementing a custom face mask. @alanvww and i would like to add the diagram under faceMesh.getUVCoords() as a reference for creating custom masks.

@shiffman @MOQN let us know your thoughts! I’m also working on a sketch to show the mesh map in a more interactive/detailed way. I’ll post update here soon.

[alanvww]

texture map examples like this is a helpful demonstration for implementing a custom face mask. @alanvww and i would like to add the diagram under faceMesh.getUVCoords() as a reference for creating custom masks.

@shiffman @MOQN let us know your thoughts! I’m also working on a sketch to show the mesh map in a more interactive/detailed way. I’ll post update here soon.

Sorry for the delay! This is the sketch I mentioned: https://editor.p5js.org/alanvww/sketches/AlRRdSTW9 Feel free to give me any feedback :D

[shiffman]

I agree we should include the fesh mesh diagram into the documentation! I also really like the sketch highlighting the parts! Fantastic!

Is the sketch meant to be an example or more of a "demo"? There are aspects of the way the code is written (forEach etc) that may be unfamiliar to p5.js + ml5.js users. Also, should these custom lists of points be included as part of what we return to the model results?

[alanvww]

I agree we should include the fesh mesh diagram into the documentation! I also really like the sketch highlighting the parts! Fantastic!

Is the sketch meant to be an example or more of a "demo"? There are aspects of the way the code is written (forEach etc) that may be unfamiliar to p5.js + ml5.js users. Also, should these custom lists of points be included as part of what we return to the model results?

Thanks, Dan! This sketch isn’t meant to be an example or demo, but rather a visualizer for users to better understand the diagram as a reference. The custom lists of keypoints were actually created by me for my ongoing project. We can certainly discuss whether we should integrate them into the library. For now, I’ll simply add the diagram to the document👍

[MOQN]

The custom lists of keypoints were actually created by me for my ongoing project.

I am curious! Haha.

[jackbdu]

@alanvww I had no idea you already created a sketch for this. I just made my version of an interactive mesh map for FaceMesh. Feel free to share any feedback or customize however you'd like.

[alanvww]

@alanvww I had no idea you already created a sketch for this. I just made my version of an interactive mesh map for FaceMesh. Feel free to share any feedback or customize however you'd like.

Heyyyy @jackbdu, I think your sketch makes perfect sense! Would you like to create a PR to add it to the docs and potentially replace the diagram 👀?