[After soft launch] Update bodySegmentation model page to align with changes of ml5-next-gen #139

[QuinnHe]

Check new changes here to update "Step-by-step guide", and "Methods": https://github.com/ml5js/ml5-next-gen/pull/139/files
Double-check whether #120 is resolved.

[QuinnHe]

Some notes for our own information:

1. added two more outputs to result, imageData and data.
2. changed let bodyPix to let bodySegmentation in example.
3. added one more example code to illustrate the above point.
4. added ability to access parts id through key, i.e. if (segmentation.data[y * video.width + x] == bodySegmentation.TORSO_FRONT)

[QuinnHe]

cc @alanvww , check above for your reference :) No rush though

[gohai]

I ended up implementing most of this in a pass through the documentation page #125.

What's still missing imho is a link to the example that shows how to use .data, as well as a list or diagram that demonstrates all the available constants (like `RIGHT_HAND).

[QuinnHe]

I ended up implementing most of this in a pass through the documentation page #125.

What's still missing imho is a link to the example that shows how to use .data, as well as a list or diagram that demonstrates all the available constants (like `RIGHT_HAND).

This is awesome! Thank you @gohai !! I will go ahead and merge #125

[QuinnHe]

To-do: add https://github.com/ml5js/ml5-next-gen/blob/88f7a3b260c59de84a7e4dab181cd3f69ba19bb1/examples/bodySegmentation-select-body-parts/sketch.js#L39 to examples