53 lines
1.9 KiB
Markdown
53 lines
1.9 KiB
Markdown
# 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
|
|
|
|
```ts
|
|
function CharacterVehicleSystem(props: CharacterVehicleSystemProps): JSX.Element
|
|
|
|
function useCharacterVehicle(): CharacterVehicleState
|
|
// state: 'on-foot' | 'entering' | 'driving' | 'exiting'
|
|
// nearestVehicle, activeVehicle
|
|
// enterVehicle(), exitVehicle()
|
|
```
|
|
|
|
---
|
|
|
|
## File layout
|
|
|
|
```text
|
|
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
|
|
```
|