Toe tracking

gui/public/i18n/en/translation.ftl

@@ -85,7 +85,15 @@ body_part-RIGHT_RING_INTERMEDIATE = Right ring intermediate
 body_part-RIGHT_RING_DISTAL = Right ring distal
 body_part-RIGHT_LITTLE_PROXIMAL = Right little proximal
 body_part-RIGHT_LITTLE_INTERMEDIATE = Right little intermediate
-body_part-RIGHT_LITTLE_DISTAL = Right little distal
+body_part-RIGHT_LITTLE_DISTAL = Right little
+body_part-LEFT_TOES = Left Toes
+body_part-LEFT_TOES_ABDUCTOR_HALLUCIS = Left Big Toe
+body_part-LEFT_TOES_DIGITORUM_BREVIS = Left Middle Toes
+body_part-LEFT_TOES_ABDUCTOR_DIGITI_MINIMI = Left Pinky
+body_part-RIGHT_TOES = Right Toes
+body_part-RIGHT_TOES_ABDUCTOR_HALLUCIS = Right Big Toe
+body_part-RIGHT_TOES_DIGITORUM_BREVIS = Right Middle Toes
+body_part-RIGHT_TOES_ABDUCTOR_DIGITI_MINIMI = Right Pinky
 
 ## BoardType
 board_type-UNKNOWN = Unknown
@@ -833,6 +841,7 @@ settings-osc-vrchat-network-trackers-hip = Hip
 settings-osc-vrchat-network-trackers-knees = Knees
 settings-osc-vrchat-network-trackers-feet = Feet
 settings-osc-vrchat-network-trackers-elbows = Elbows
+settings-osc-vrchat-network-trackers-toes = Toes
 
 ## VMC OSC settings
 settings-osc-vmc = Virtual Motion Capture
@@ -1126,7 +1135,29 @@ onboarding-assign_trackers-warning-WAIST = Waist is assigned but you need { $una
     [0] the chest
     *[unknown] Unknown unassigned body part
 } to also be assigned!
-
+onboarding-assign_trackers-warning-LEFT_TOES_ABDUCTOR_HALLUCIS = Left Big Toe is assigned but you need { $unassigned ->
+    [0] the left foot
+    *[unknown] Unknown unassigned body part
+} to also be assigned!
+onboarding-assign_trackers-warning-LEFT_TOES_DIGITORUM_BREVIS = Left Middle Toes are assigned but you need { $unassigned ->
+    [0] the left foot
+    *[unknown] Unknown unassigned body part
+} to also be assigned!
+onboarding-assign_trackers-warning-LEFT_TOES_ABDUCTOR_DIGITI_MINIMI = Left  Pinky Toe is assigned but you need { $unassigned ->
+    [0] the left foot
+    *[unknown] Unknown unassigned body part} to also be assigned!
+onboarding-assign_trackers-warning-RIGHT_TOES_ABDUCTOR_HALLUCIS = Right Big Toe is assigned but you need { $unassigned ->
+    [0] the right foot
+    *[unknown] Unknown unassigned body part
+} to also be assigned!
+onboarding-assign_trackers-warning-RIGHT_TOES_DIGITORUM_BREVIS = Right Middle Toes are assigned but you need { $unassigned ->
+    [0] the right foot
+    *[unknown] Unknown unassigned body part
+} to also be assigned!
+onboarding-assign_trackers-warning-RIGHT_TOES_ABDUCTOR_DIGITI_MINIMI = Right Pinky Toe is assigned but you need { $unassigned ->
+    [0] the right foot
+    *[unknown] Unknown unassigned body part
+} to also be assigned!
 ## Tracker mounting method choose
 onboarding-choose_mounting = What mounting calibration method to use?
 # Multiline text

gui/src/components/commons/BodyPartIcon.tsx

@@ -34,12 +34,7 @@ export const mapPart: Record<
   [BodyPart.HIP]: ({ width }) => <HipIcon width={width} />,
   [BodyPart.LEFT_HIP]: ({ width }) => <HipIcon width={width} />, // Unused
   [BodyPart.RIGHT_HIP]: ({ width }) => <HipIcon width={width} />, // Unused
-  [BodyPart.LEFT_FOOT]: ({ width, currentLocales }) =>
-    currentLocales.includes('en-x-owo') ? (
-      <PawIcon />
-    ) : (
-      <FootIcon width={width} />
-    ),
+  [BodyPart.LEFT_FOOT]: renderFootLeft,
   [BodyPart.LEFT_HAND]: ({ width }) => <ControllerIcon width={width} />,
   [BodyPart.LEFT_LOWER_ARM]: ({ width }) => <LowerArmIcon width={width} />,
   [BodyPart.LEFT_LOWER_LEG]: ({ width }) => <AnkleIcon width={width} />,
@@ -48,85 +43,66 @@ export const mapPart: Record<
   [BodyPart.LEFT_UPPER_LEG]: ({ width }) => <UpperLegIcon width={width} />,
   [BodyPart.NECK]: ({ width }) => <NeckIcon width={width} />,
   [BodyPart.NONE]: ({ width }) => <SlimeVRIcon width={width} />,
-  [BodyPart.RIGHT_FOOT]: ({ width, currentLocales }) =>
-    currentLocales.includes('en-x-owo') ? (
-      <PawIcon />
-    ) : (
-      <FootIcon width={width} flipped />
-    ),
-  [BodyPart.RIGHT_HAND]: ({ width }) => (
-    <ControllerIcon width={width} flipped />
-  ),
-  [BodyPart.RIGHT_LOWER_ARM]: ({ width }) => (
-    <LowerArmIcon width={width} flipped />
-  ),
-  [BodyPart.RIGHT_LOWER_LEG]: ({ width }) => (
-    <AnkleIcon width={width} flipped />
-  ),
+  [BodyPart.RIGHT_FOOT]: renderFootRight,
+  [BodyPart.RIGHT_HAND]: ({ width }) => <ControllerIcon width={width} flipped />,
+  [BodyPart.RIGHT_LOWER_ARM]: ({ width }) => <LowerArmIcon width={width} flipped />,
+  [BodyPart.RIGHT_LOWER_LEG]: ({ width }) => <AnkleIcon width={width} flipped />,
   [BodyPart.RIGHT_SHOULDER]: ({ width }) => <ShoulderIcon width={width} />,
-  [BodyPart.RIGHT_UPPER_ARM]: ({ width }) => (
-    <UpperArmIcon width={width} flipped />
-  ),
-  [BodyPart.RIGHT_UPPER_LEG]: ({ width }) => (
-    <UpperLegIcon width={width} flipped />
-  ),
+  [BodyPart.RIGHT_UPPER_ARM]: ({ width }) => <UpperArmIcon width={width} flipped />,
+  [BodyPart.RIGHT_UPPER_LEG]: ({ width }) => <UpperLegIcon width={width} flipped />,
   [BodyPart.WAIST]: ({ width }) => <WaistIcon width={width} />,
-  [BodyPart.LEFT_THUMB_METACARPAL]: ({ width }) => (
-    <FingersIcon width={width} />
-  ),
+  [BodyPart.LEFT_THUMB_METACARPAL]: ({ width }) => <FingersIcon width={width} />,
   [BodyPart.LEFT_THUMB_PROXIMAL]: ({ width }) => <FingersIcon width={width} />,
   [BodyPart.LEFT_THUMB_DISTAL]: ({ width }) => <FingersIcon width={width} />,
   [BodyPart.LEFT_INDEX_PROXIMAL]: ({ width }) => <FingersIcon width={width} />,
-  [BodyPart.LEFT_INDEX_INTERMEDIATE]: ({ width }) => (
-    <FingersIcon width={width} />
-  ),
+  [BodyPart.LEFT_INDEX_INTERMEDIATE]: ({ width }) => <FingersIcon width={width} />,
   [BodyPart.LEFT_INDEX_DISTAL]: ({ width }) => <FingersIcon width={width} />,
   [BodyPart.LEFT_MIDDLE_PROXIMAL]: ({ width }) => <FingersIcon width={width} />,
-  [BodyPart.LEFT_MIDDLE_INTERMEDIATE]: ({ width }) => (
-    <FingersIcon width={width} />
-  ),
+  [BodyPart.LEFT_MIDDLE_INTERMEDIATE]: ({ width }) => <FingersIcon width={width} />,
   [BodyPart.LEFT_MIDDLE_DISTAL]: ({ width }) => <FingersIcon width={width} />,
   [BodyPart.LEFT_RING_PROXIMAL]: ({ width }) => <FingersIcon width={width} />,
-  [BodyPart.LEFT_RING_INTERMEDIATE]: ({ width }) => (
-    <FingersIcon width={width} />
-  ),
+  [BodyPart.LEFT_RING_INTERMEDIATE]: ({ width }) => <FingersIcon width={width} />,
   [BodyPart.LEFT_RING_DISTAL]: ({ width }) => <FingersIcon width={width} />,
   [BodyPart.LEFT_LITTLE_PROXIMAL]: ({ width }) => <FingersIcon width={width} />,
-  [BodyPart.LEFT_LITTLE_INTERMEDIATE]: ({ width }) => (
-    <FingersIcon width={width} />
-  ),
+  [BodyPart.LEFT_LITTLE_INTERMEDIATE]: ({ width }) => <FingersIcon width={width} />,
   [BodyPart.LEFT_LITTLE_DISTAL]: ({ width }) => <FingersIcon width={width} />,
-  [BodyPart.RIGHT_THUMB_METACARPAL]: ({ width }) => (
-    <FingersIcon width={width} />
-  ),
+  [BodyPart.RIGHT_THUMB_METACARPAL]: ({ width }) => <FingersIcon width={width} />,
   [BodyPart.RIGHT_THUMB_PROXIMAL]: ({ width }) => <FingersIcon width={width} />,
   [BodyPart.RIGHT_THUMB_DISTAL]: ({ width }) => <FingersIcon width={width} />,
   [BodyPart.RIGHT_INDEX_PROXIMAL]: ({ width }) => <FingersIcon width={width} />,
-  [BodyPart.RIGHT_INDEX_INTERMEDIATE]: ({ width }) => (
-    <FingersIcon width={width} />
-  ),
+  [BodyPart.RIGHT_INDEX_INTERMEDIATE]: ({ width }) => <FingersIcon width={width} />,
   [BodyPart.RIGHT_INDEX_DISTAL]: ({ width }) => <FingersIcon width={width} />,
-  [BodyPart.RIGHT_MIDDLE_PROXIMAL]: ({ width }) => (
-    <FingersIcon width={width} />
-  ),
-  [BodyPart.RIGHT_MIDDLE_INTERMEDIATE]: ({ width }) => (
-    <FingersIcon width={width} />
-  ),
+  [BodyPart.RIGHT_MIDDLE_PROXIMAL]: ({ width }) => <FingersIcon width={width} />,
+  [BodyPart.RIGHT_MIDDLE_INTERMEDIATE]: ({ width }) => <FingersIcon width={width} />,
   [BodyPart.RIGHT_MIDDLE_DISTAL]: ({ width }) => <FingersIcon width={width} />,
   [BodyPart.RIGHT_RING_PROXIMAL]: ({ width }) => <FingersIcon width={width} />,
-  [BodyPart.RIGHT_RING_INTERMEDIATE]: ({ width }) => (
-    <FingersIcon width={width} />
-  ),
+  [BodyPart.RIGHT_RING_INTERMEDIATE]: ({ width }) =>  <FingersIcon width={width} />,
   [BodyPart.RIGHT_RING_DISTAL]: ({ width }) => <FingersIcon width={width} />,
-  [BodyPart.RIGHT_LITTLE_PROXIMAL]: ({ width }) => (
-    <FingersIcon width={width} />
-  ),
-  [BodyPart.RIGHT_LITTLE_INTERMEDIATE]: ({ width }) => (
-    <FingersIcon width={width} />
-  ),
-  [BodyPart.RIGHT_LITTLE_DISTAL]: ({ width }) => <FingersIcon width={width} />,
+  [BodyPart.RIGHT_LITTLE_PROXIMAL]: ({ width }) => <FingersIcon width={width} />,
+  [BodyPart.RIGHT_LITTLE_INTERMEDIATE]: ({ width }) => <FingersIcon width={width} />,
+  [BodyPart.RIGHT_LITTLE_DISTAL]: ({ width }) => <FingersIcon width={width}></FingersIcon>,
+  [BodyPart.LEFT_TOES_ABDUCTOR_HALLUCIS]: renderFootLeft,
+  [BodyPart.LEFT_TOES_DIGITORUM_BREVIS]: renderFootLeft,
+  [BodyPart.LEFT_TOES_ABDUCTOR_DIGITI_MINIMI]: renderFootLeft,
+  [BodyPart.RIGHT_TOES_ABDUCTOR_HALLUCIS]: renderFootRight,
+  [BodyPart.RIGHT_TOES_DIGITORUM_BREVIS]: renderFootRight,
+  [BodyPart.RIGHT_TOES_ABDUCTOR_DIGITI_MINIMI]: renderFootRight,
 };
 
+function renderFootLeft({ width, currentLocales }) {
+  if (currentLocales.includes('en-x-owo')) {
+    return <PawIcon />;
+  }
+  return <FootIcon width={width} />;
+}
+
+function renderFootRight({ width, currentLocales }) {
+  if (currentLocales.includes('en-x-owo')) {
+    return <PawIcon />;
+  }
+  return <FootIcon width={width} flipped />;
+}
+
 export function BodyPartIcon({
   bodyPart = BodyPart.NONE,
   width = 24,

gui/src/components/commons/PersonFrontIcon.tsx

@@ -9,6 +9,9 @@ export const SIDES = [
     upperLeg: BodyPart.LEFT_UPPER_LEG,
     lowerLeg: BodyPart.LEFT_LOWER_LEG,
     foot: BodyPart.LEFT_FOOT,
+    toesAbductorHallucis: BodyPart.LEFT_TOES_ABDUCTOR_HALLUCIS,
+    toesDigitorumBrevis: BodyPart.LEFT_TOES_DIGITORUM_BREVIS,
+    toesAbductorDigitiMinimi: BodyPart.LEFT_TOES_ABDUCTOR_DIGITI_MINIMI,
   },
   {
     shoulder: BodyPart.RIGHT_SHOULDER,
@@ -18,6 +21,9 @@ export const SIDES = [
     upperLeg: BodyPart.RIGHT_UPPER_LEG,
     lowerLeg: BodyPart.RIGHT_LOWER_LEG,
     foot: BodyPart.RIGHT_FOOT,
+    toesAbductorHallucis: BodyPart.RIGHT_TOES_ABDUCTOR_HALLUCIS,
+    toesDigitorumBrevis: BodyPart.RIGHT_TOES_DIGITORUM_BREVIS,
+    toesAbductorDigitiMinimi: BodyPart.RIGHT_TOES_ABDUCTOR_DIGITI_MINIMI,
   },
 ];
 
@@ -121,6 +127,28 @@ export function PersonFrontIcon({ mirror = true }: { mirror?: boolean }) {
         id={BodyPart[SIDES[right].foot]}
       />
 
+      <circle
+         className="body-part-circle"
+          cx="90"
+          cy="395"
+          r={CIRCLE_RADIUS}
+          id={BodyPart[SIDES[right].toesAbductorHallucis]}
+      />
+      <circle
+          className="body-part-circle"
+          cx="102"
+          cy="395"
+          r={CIRCLE_RADIUS}
+          id={BodyPart[SIDES[right].toesDigitorumBrevis]}
+      />
+      <circle
+        className="body-part-circle"
+        cx="114"
+        cy="395"
+        r={CIRCLE_RADIUS}
+        id={BodyPart[SIDES[right].toesAbductorDigitiMinimi]}
+      />
+
       <circle
         className="body-part-circle"
         cx="15"
@@ -172,6 +200,34 @@ export function PersonFrontIcon({ mirror = true }: { mirror?: boolean }) {
         r={CIRCLE_RADIUS}
         id={BodyPart[SIDES[left].foot]}
       />
+      <circle
+        className="body-part-circle"
+        cx="75"
+        cy="410"
+        r={CIRCLE_RADIUS}
+        id="left-toes"
+      />
+      <circle
+        className="body-part-circle"
+        cx="75"
+        cy="395"
+        r={CIRCLE_RADIUS}
+        id={BodyPart[SIDES[left].toesAbductorHallucis]}
+      />
+      <circle
+        className="body-part-circle"
+        cx="62"
+        cy="395"
+        r={CIRCLE_RADIUS}
+        id={BodyPart[SIDES[left].toesDigitorumBrevis]}
+      />
+      <circle
+        className="body-part-circle"
+        cx="50"
+        cy="395"
+        r={CIRCLE_RADIUS}
+        id={BodyPart[SIDES[left].toesAbductorDigitiMinimi]}
+      />
     </svg>
   );
 }