AxisFit

A videós demók a vonaton megszakadnak, és egy kameraszög nem mondja meg, hova kell a csípőd. 3D-rig motort építettünk, ahol minden gyakorlat veled forog — és ugyanaz a motor megy weben és natívon.

• 01Felhasználói felület

  Az egész élmény amit a felhasználó lát

  Ez a frame az élesben futó terméket mutatja: 3d-alapú funkcionális edzőapp · web + mobil egy közös csont-rig motorral animálja az összes gyakorlatot. Minden komponens mi vagyunk · scope, design, kód, deploy.

• 02Stack a háttérben

  Mi hajtja: Next.js, React Three Fiber, Expo

  A frame mögötti technológia 5 elemű · Next.js, React Three Fiber, Expo a látható felületet hajtja, a többi az adatrétegben fut. Minden a stúdió kezében.

• 03Mit szállítottunk

  3D-rig gyakorlat-animációk · web + natív, egy motor

  Minden gyakorlat forgatható és offline-kész

• 04Státusz

  Magán-deploy · NDA alatt.

  Az ügyfél kérésére nem publikus a URL · a build, az architektúra és a tanulságok megoszthatóak hívás keretében.

• 01 · BRIEF

  Rögzítsük: minden gyakorlat 3D, nincs videó — és egy motor mindkét felületre.

  Az egész projekt ezen a döntésen állt: ugyanaz a motor weben és telefonon, hogy egy új gyakorlat egy keyframe-szett legyen, ne két párhuzamos implementáció.

• 02 · ARCHITECTURE

  Stack-döntések minden kód előtt.

  A döntési dokumentum lefogta az adatfolyamot, a Next.js, React Three Fiber, Expo, TypeScript szerep-felosztást, és a v1-ben kezelt vs halasztott hibamódokat. A szolgáltatás-határokat (hol végződik az AI és hol kezdődik a webapp) itt húztuk meg, így a két oldal nem szivárgott egymásba később.

• 02 · BUILD

  A rig-motort közös csomagba emeljük, és mindkét felületet onnan hajtjuk.

  A @axisfit/shared tartja a motort, a gyakorlat-metaadatokat, a minta-terveket, a progress-szerződést. Natívan expo-gl + expo-three rajzol; weben react-three-fiber. Mindkét felület rig-et + jelenetet ad át ugyanannak az ExerciseRunner-nek, ami keyframe-eket lerpelget, talaj- vagy függés-igazít és grip-et orientál.

• 04 · POLISH

  Teljesítmény, akadálymentesség, megfigyelhetőség.

  PSI / a11y / coverage budgetek launch-feltételként kikényszerítve. Logging + metrika bekötve még a cut-over előtt · a csapat egy dashboardról válaszol arra, hogy „működik-e?”, nem Slack-szálból. A fenyegetésmodell-checklist aláírva, mielőtt forgalom érkezne a gépre.

• 03 · SHIP

  Könyvtár, lejátszó, dashboard — élesben weben, iOS-en, Androidon.

  Három felület élesedett egyszerre ugyanazon a motoron. Új gyakorlat hozzáadása — csak keyframe — mind a három felületre megy ki.

• 01Motor

  Keyframe-vezérelt csont-rig

  mapBones · applyPoseFrame · doGroundAlign · ExerciseRunner — a motor közös TypeScript, nincs duplikáció web és natív között.

• 02Könyvtár

  10+ gyakorlat az első napon

  Guggolás, deadlift, fekvenyomás, húzódzkodás, plank, kitörés — és a felszerelés köréjük, felületenként helyben építve, hogy a motor felszerelés-agnosztikus maradjon.

• 03Lejátszó

  Edzés-flow haladással

  Terv → szett → rep per-frame ketyegő riggel; natívan PanResponder-es orbit-kamera, hogy a sportoló válassza a segítő szöget.

• 04Dashboard

  Edzés-napló + összegzés

  SessionEntry + summarize() pluggable Storage-felülettel — webe localStorage, natívan AsyncStorage, ugyanaz a szerződés.

• 
  01Képkocka

  Landing · Train the angle. Own the rep.

  Háromtengelyű izometrikus glyph (X/Y/Z = a tengelyek, amik körül a motor forog) a Form · Function · Force taglinnel. A 3D rig az első másodperctől a lapon áll.

• 
  02Képkocka

  Edzés-lejátszó · Guggolás grip-pel és talaj-igazítással

  Per-frame lerpelés mozgatja a keyframe-eket; a motor leteszi a talpat és orientálja a grip-et — ugyanaz a kódút weben és natívan.

• 
  03Képkocka

  Gyakorlat-könyvtár · 10+ kártya, egy motor

  Minden kártya ugyanazt a motort használja — nyisd meg, és a rig azonnal interaktív, nem egy pózba fagyott videó.

• 
  04Képkocka

  Plank · talaj-igazított, oldalsó kamera

  A talaj-igazítás olvashatóvá teszi a statikus tartásokat bármely szögből · a sportoló az oldalkamerát választhatja, ami valóban ellenőrzi a csípő-vonalat.