Replay Viewer tasks

[Abbondanzo]

Required Fixes

• Switch to react-three-fiber #13 Highest priority
• Fix frame rate counter #4
• Address animation interpolation on missing data frames #9

First Iteration

• Separate chassis and animate wheel spin #5
• Add particle physics #6
• Use keyframes to handle FOV adjustments #7
• Update model textures for the field and octane #8

Enhancements

• Timestamp-based major events along the scrubber. Just how RL displays replays in-game, major events like saves and goals should be displayed along the scrubber. Goals are easy but saves exist somewhere else.
• (Live) scoreboard. Showing player scores at that current time in the game should help. Could be displayed alongside the buttons used to toggle their perspectives or in some other appropriate fashion.
• 3, 2, 1 countdown when preparing for faceoff. Currently, cars sit stationary without any indication of the countdown occurring. Displaying text on screen costs us nothing, but this text would obviously have to align with the frame counter.
• Query parameters
  • Deep linking to a replay's timestamp. Can be a URL query parameter ?time=234 representing frames or the actual time remaining in the game.
  • Deep linking into a camera setting. This would help players share replays and perspectives before launching any coaching tools.
• Local storage based model caching. Players will be flipping between replays and will be loading the same assets over and over again. We can take advantage of local storage to store vehicles and field assets so that loading times are reduced, saving both time and the extreme server bandwidth that would otherwise be associated. This allows us to also use higher quality models. To cache bust, each release can append a small hash to the name of every asset so that loading and reloading is contained in a single release.
• Audio assets. Matching acceleration, boosting, and drifting sounds not only enhances the viewer but can help explain actions the player is taking without having to follow their perspective.
• Slow-motion shot replay. Similar to in-game behavior
• Match highlights. Quickly show all shots/goals/saves/special category of filtered item
• Simultaneous shot viewer. Shows the positioning of vehicles during every shot of the game