The underlying Viewer class in packages/posecode-render and packages/posecode-embed already supports setting a custom playback speed multiplier (e.g. 0.5, 1.0, 1.5, 2.0). However, the playground UI does not currently expose any controls for users to speed up or slow down the 3D mannequin animation.
Goals:
- Add speed control buttons or a select/slider dropdown in the playground UI (near the play/pause button).
- Bind the speed control change to the viewer instance (updating the speed multiplier).
- Ensure the selected speed is persisted across page reloads (optional but nice).
Code Locations:
- Playground layout/HTML:
playground/play.html
- Playground main TS entrypoint:
playground/src/main.ts
Feel free to check out CONTRIBUTING.md for local workspace setup and test commands.
The underlying
Viewerclass inpackages/posecode-renderandpackages/posecode-embedalready supports setting a custom playback speed multiplier (e.g.0.5,1.0,1.5,2.0). However, the playground UI does not currently expose any controls for users to speed up or slow down the 3D mannequin animation.Goals:
Code Locations:
playground/play.htmlplayground/src/main.tsFeel free to check out
CONTRIBUTING.mdfor local workspace setup and test commands.