HungerGamesExplorer-Home

Is this a glimpse of the future? Lionsgate this morning released a new website that promotes the next “Hunger Games” movie using HTML5 and responsive design to provide a customized experience that works across desktop computers, tablets and smartphones.

The “Hunger Games Explorer,” as it’s called, is the film studio’s latest partnership with Microsoft’s Internet Explorer team, following up on the Capitol City virtual tour they released in advance of the first movie’s release last year. It’s part of a push by Microsoft to move Hollywood studios away from their traditional reliance on Adobe Flash for movie sites.

The new site was developed by the RED Interactive Agency to promote “The Hunger Games: Catching Fire,” set for release in November. It uses a grid-style approach that can be a little overwhelming at first, but the underlying technology allows for extensive customization and filtering. This page on the site explains the behind-the-scenes technical details.

“Rather than a traditional floated grid layout, we used JavaScript to place each block in place,” the site explains. “This allowed us to ensure that blocks at any size would fit neatly without any gaps. As the browser resizes, we recalculate the position of each block and ease it into place, regardless of the screen resolution coming from a TV with IE on Xbox, a laptop, a tablet, or an HTML5 enabled smartphone.”

The site, accessible here, works across a variety of browsers, but Microsoft says it’s best viewed in Internet Explorer 10 on Windows 8.

Like what you're reading? Subscribe to GeekWire's free newsletters to catch every headline

Job Listings on GeekWork

Find more jobs on GeekWork. Employers, post a job here.