/ 2 min read
Tennis Stadium AR - Technical Case Study
A small proof of concept for a collaboration between Infosys & Rolland Garros, where users could view the entire stadium and see the being played in their own homes.
Objective
- Have the user point to a floor or surface in their home, and populate it with the stadium.
- The user should be able to scale and rotate the stadium as needed.
- Fetch the latest player and shot data from the relevant APIs
- Allow the user to filter and view shots based on different criteria.
- Animate the shots in to mimic how they were played.
The Tech Stack
Since this was going to be an AR project that needed to be iOS compatible, we decided to use 8th Wall & Three.js to execute it.
The Challenge
Getting a bearing on the data being retrieved and how to handle it, and more importantly, displaying it correctly was going to be crucial.
The data itself was straight forward, but the data being retrieved for shot trajectory included a random number of points of data from which the entire trajectory needed to be extrapolated.
For a successful volley the points being returned were:
- 1st Racket contact
- Net
- Bounce
- Return
These were not guaranteed. Given the dynamic nature of the sport and the trajectories a shot can take, and the fact that a shot could be a foul, made working with the data a challenge.
The Results
After all was said and done, we were able to deliver the results, and used a custom algorithm to interpolate between the points.