Toe tracking

gui/public/i18n/en/translation.ftl

@@ -78,7 +78,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
@@ -803,6 +811,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

gui/src/components/commons/BodyPartIcon.tsx

@@ -36,12 +36,7 @@ export const mapPart: Record<
   [BodyPart.HIP]: ({ width }) => <HipIcon width={width}></HipIcon>,
   [BodyPart.LEFT_HIP]: ({ width }) => <HipIcon width={width}></HipIcon>, // Unused
   [BodyPart.RIGHT_HIP]: ({ width }) => <HipIcon width={width}></HipIcon>, // Unused
-  [BodyPart.LEFT_FOOT]: ({ width, currentLocales }) =>
-    currentLocales.includes('en-x-owo') ? (
-      <PawIcon></PawIcon>
-    ) : (
-      <FootIcon width={width}></FootIcon>
-    ),
+  [BodyPart.LEFT_FOOT]: renderFootLeft,
   [BodyPart.LEFT_HAND]: ({ width }) => (
     <ControllerIcon width={width}></ControllerIcon>
   ),
@@ -62,12 +57,7 @@ export const mapPart: Record<
   ),
   [BodyPart.NECK]: ({ width }) => <NeckIcon width={width}></NeckIcon>,
   [BodyPart.NONE]: ({ width }) => <SlimeVRIcon width={width}></SlimeVRIcon>,
-  [BodyPart.RIGHT_FOOT]: ({ width, currentLocales }) =>
-    currentLocales.includes('en-x-owo') ? (
-      <PawIcon></PawIcon>
-    ) : (
-      <FootIcon width={width} flipped></FootIcon>
-    ),
+  [BodyPart.RIGHT_FOOT]: renderFootRight,
   [BodyPart.RIGHT_HAND]: ({ width }) => (
     <ControllerIcon width={width} flipped></ControllerIcon>
   ),
@@ -177,8 +167,28 @@ export const mapPart: Record<
   [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,
   },
 ];
 
@@ -136,6 +142,28 @@ export function PersonFrontIcon({
         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="36"
@@ -187,6 +215,34 @@ export function PersonFrontIcon({
         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>
   );
 }

gui/src/components/onboarding/BodyAssignment.tsx

@@ -20,10 +20,21 @@ export const LEGS_PARTS = new Set([
   BodyPart.LEFT_LOWER_LEG,
   BodyPart.RIGHT_LOWER_LEG,
 ]);
+
+export const TOES_PARTS = new Set([
+  BodyPart.LEFT_TOES_ABDUCTOR_HALLUCIS,
+  BodyPart.RIGHT_TOES_ABDUCTOR_HALLUCIS,
+  BodyPart.LEFT_TOES_DIGITORUM_BREVIS,
+  BodyPart.RIGHT_TOES_DIGITORUM_BREVIS,
+  BodyPart.LEFT_TOES_ABDUCTOR_DIGITI_MINIMI,
+  BodyPart.RIGHT_TOES_ABDUCTOR_DIGITI_MINIMI,
+]);
+
 export const LOWER_BODY = new Set([
   BodyPart.LEFT_FOOT,
   BodyPart.RIGHT_FOOT,
   ...LEGS_PARTS,
+  ...TOES_PARTS,
 ]);
 export const SPINE_PARTS = [
   BodyPart.UPPER_CHEST,
@@ -34,6 +45,14 @@ export const SPINE_PARTS = [
 export const ASSIGNMENT_RULES: Partial<
   Record<BodyPart, (BodyPart | BodyPart[])[]>
 > = {
+  [BodyPart.LEFT_TOES_ABDUCTOR_HALLUCIS]: [BodyPart.LEFT_FOOT],
+  [BodyPart.LEFT_TOES_DIGITORUM_BREVIS]: [BodyPart.LEFT_FOOT],
+  [BodyPart.LEFT_TOES_ABDUCTOR_DIGITI_MINIMI]: [BodyPart.LEFT_FOOT],
+
+  [BodyPart.RIGHT_TOES_ABDUCTOR_HALLUCIS]: [BodyPart.RIGHT_FOOT],
+  [BodyPart.RIGHT_TOES_DIGITORUM_BREVIS]: [BodyPart.RIGHT_FOOT],
+  [BodyPart.RIGHT_TOES_ABDUCTOR_DIGITI_MINIMI]: [BodyPart.RIGHT_FOOT],
+
   [BodyPart.LEFT_FOOT]: [
     BodyPart.LEFT_LOWER_LEG,
     BodyPart.LEFT_UPPER_LEG,
@@ -90,6 +109,7 @@ export const ASSIGNMENT_MODES: Record<AssignMode, BodyPart[]> = {
     ...SPINE_PARTS,
     ...ARMS_PARTS,
     ...LEGS_PARTS,
+    ...TOES_PARTS,
   ],
 };
 
@@ -150,6 +170,7 @@ export function BodyAssignment({
     [assignMode]
   );
 
+
   return (
     <>
       <BodyInteractions
@@ -263,6 +284,37 @@ export function BodyAssignment({
                   direction="right"
                 />
               )}
+             {hasBodyPart(SIDES[left].toesAbductorHallucis) && (
+               <TrackerPartCard
+                 onlyAssigned={onlyAssigned}
+                 roleError={rolesWithErrors[SIDES[left].toesAbductorHallucis]?.label}
+                 td={trackerPartGrouped[SIDES[left].toesAbductorHallucis]}
+                 role={SIDES[left].toesAbductorHallucis}
+                 onClick={() => onRoleSelected(SIDES[left].toesAbductorHallucis)}
+                 direction="right"
+               />
+             )}
+             {hasBodyPart(SIDES[left].toesDigitorumBrevis) && (
+               <TrackerPartCard
+                 onlyAssigned={onlyAssigned}
+                 roleError={rolesWithErrors[SIDES[left].toesDigitorumBrevis]?.label}
+                 td={trackerPartGrouped[SIDES[left].toesDigitorumBrevis]}
+                 role={SIDES[left].toesDigitorumBrevis}
+                 onClick={() => onRoleSelected(SIDES[left].toesDigitorumBrevis)}
+                 direction="right"
+               />
+             )}
+             {hasBodyPart(SIDES[left].toesAbductorDigitiMinimi) && (
+               <TrackerPartCard
+                 onlyAssigned={onlyAssigned}
+                 roleError={rolesWithErrors[SIDES[left].toesAbductorDigitiMinimi]?.label}
+                 td={trackerPartGrouped[SIDES[left].toesAbductorDigitiMinimi]}
+                 role={SIDES[left].toesAbductorDigitiMinimi}
+                 onClick={() => onRoleSelected(SIDES[left].toesAbductorDigitiMinimi)}
+                 direction="right"
+               />
+             )}
+
             </div>
           </div>
         }
@@ -392,6 +444,37 @@ export function BodyAssignment({
                   direction="left"
                 />
               )}
+              {hasBodyPart(SIDES[right].toesAbductorHallucis) && (
+                <TrackerPartCard
+                  onlyAssigned={onlyAssigned}
+                  roleError={rolesWithErrors[SIDES[right].toesAbductorHallucis]?.label}
+                  td={trackerPartGrouped[SIDES[right].toesAbductorHallucis]}
+                  role={SIDES[right].toesAbductorHallucis}
+                  onClick={() => onRoleSelected(SIDES[right].toesAbductorHallucis)}
+                  direction="left"
+                />
+              )}
+              {hasBodyPart(SIDES[right].toesDigitorumBrevis) && (
+                <TrackerPartCard
+                  onlyAssigned={onlyAssigned}
+                  roleError={rolesWithErrors[SIDES[right].toesDigitorumBrevis]?.label}
+                  td={trackerPartGrouped[SIDES[right].toesDigitorumBrevis]}
+                  role={SIDES[right].toesDigitorumBrevis}
+                  onClick={() => onRoleSelected(SIDES[right].toesDigitorumBrevis)}
+                  direction="left"
+                />
+              )}
+              {hasBodyPart(SIDES[right].toesAbductorDigitiMinimi) && (
+                <TrackerPartCard
+                  onlyAssigned={onlyAssigned}
+                  roleError={rolesWithErrors[SIDES[right].toesAbductorDigitiMinimi]?.label}
+                  td={trackerPartGrouped[SIDES[right].toesAbductorDigitiMinimi]}
+                  role={SIDES[right].toesAbductorDigitiMinimi}
+                  onClick={() => onRoleSelected(SIDES[right].toesAbductorDigitiMinimi)}
+                  direction="left"
+                />
+              )}
+
             </div>
           </div>
         }