suaveplan/openspec/changes/enterprise-gaming-r3f-character-vehicle/proposal.md

OpenSpec Change: enterprise-gaming-r3f-character-vehicle

• Change ID: enterprise-gaming-r3f-character-vehicle
• Package: @suaveplan/r3f-character-vehicle
• Category: gaming/character
• Target path: gaming/character/r3f-character-vehicle
• Status: PROPOSED
• Date: 2026-04-24
• Reference spec: /mnt/s/web/suaveplan/enterprise/r3f-character-vehicle.md

---

Summary

Deliver @suaveplan/r3f-character-vehicle on the genesis branch from scratch at enterprise quality. The package provides character-vehicle integration for React Three Fiber: enter/exit interactions (proximity detection → mount/dismount animation → authority transfer), smooth camera transition between character and vehicle modes, and driver pose IK (hands to steering wheel). A CharacterVehicleSystem FSM manages the on-foot | entering | driving | exiting state machine; useCharacterVehicle() exposes current state. Genesis adds structured errors, OTel state-change counter, and 100% coverage.

---

Available workspace deps

@suaveplan/error, @suaveplan/fsm, @suaveplan/r3f-character, @suaveplan/r3f-vehicle, @suaveplan/ik-solver, react, @react-three/fiber, @react-three/drei, three.

---

Public API surface

function CharacterVehicleSystem(props: CharacterVehicleSystemProps): JSX.Element

function useCharacterVehicle(): CharacterVehicleState
// state: 'on-foot' | 'entering' | 'driving' | 'exiting'
// nearestVehicle, activeVehicle
// enterVehicle(), exitVehicle()

---

File layout

gaming/character/r3f-character-vehicle/
  package.json / tsconfig.json / vitest.config.ts
  src/
    index.ts / error-codes.ts
    types/common.ts + md
    core/fsm/ (ts + md + types + test + index)
    context/character-vehicle-provider.tsx + md + test
    hooks/use-character-vehicle.ts + md + test
    components/
      CharacterVehicleSystem/ (tsx + md + test + stories + index)
  tests/integration.test.ts