Recently, a friend suggested exploring WebGL as an alternative to CSS transitions. I have a collection of polygons that form a 2D board game.
https://i.sstatic.net/D0dnc.png
In essence, the application moves the player space by space starting at the top of the "C", and we aim to create a first-person view of moving to the next space in the sequence.
The points are charted out, and my idea was to normalize each shape, rotate them in the right direction, add perspective using transformation translateZ, and then transition them along the interior angles as they move from space to space while considering how to segment these transitions between spaces.
Is there a simpler way to navigate a WebGL camera through the spaces rather than pushing polygons through transitions to mimic perspective? Is there perhaps a library that can assist with this?
Thanks everyone!