A localized promotional site for the lore surrounding the in game world of League of Legends featuring a five chapter novela and five champion stories released over several weeks.
Shadow and Fortune
The champion bios include animated canvas illustrations of each champion. The state of the animation is tied to the mouse position and scroll top of the page. To add to the effect layers of mist are translated across the page and blended into the scene.
Shadow and Fortune - Champion Bio
Visitors were directed to the latest chapter after each release. The chapters have progress markers for each section. On page load javascript measures the height of the page and each section of the chapter. With these values each markers' position is calculated as a percentage from the top.
