The Internet Explorer team has announced a partnership with Red Bull Media House to bring an immersive freeride mountain biking experience to the web in IE11. The site is part of Red Bull’s ultimate freeride downhill mountain bike contest, Rampage, which took place on October 11-13 in the Southern Utah desert. The event was live streamed over the weekend, allowing users to vote for the winner. The IE team has updated the Rampage site with a beautiful and immersive experience that delivers all of the top highlights from Red Bull Rampage. The site showcases a 3D map of the downhill course, rider bios, videos from the most epic runs, and a “behind the scenes” video. The Red Bull Rampage site takes advantage of the latest web standards like HTML5 and WebGL, demonstrating the real-world possibilities for 3D graphics and providing a great example of what’s possible in a modern browser like IE11.
The IE team again partnered with Pixel Labs who leveraged HTML5, WebGL and touch technology in modern browsers like IE 11 to create one of the most innovative sites ever to showcase a sports event.
Building this site was a collaborative effort across many partners – including the mountain bike athletes that competed in the event. To create the site, the IE team started by getting 3D geographic data for both the course at Gooseberry Mesa and the surrounding area to create a geographically correct three-dimensional model of the Rampage course. They also attached a small GPS device to the rider’s mountain bikes to capture their exact location during the ride. Lastly the timestamp on the GPS data point to align the GPS data with video footage captured by Red Bull Media House of each rider on the course.
If you are up on the Red Bull Rampage site, you can interact with each rider by clicking anywhere on the interactive 3D map and you’ll be instantly dropped into their exact location on the course in their rider video. Or, you can just sit back and track the physical position of the rider on an interactive 3D map as you watch footage of the ride, seeing the real-time position of the rider as he makes his way down the course.
Source: Exploring IE