Runeterra Map Visual Explorations

 Mt Targon exploration, with simplified landscape surrounding landmarks to make the peak stand out.

Mt Targon exploration, with simplified landscape surrounding landmarks to make the peak stand out.

Exploration for the region of Noxus.
(David Harrington did the Immortal bastion landmark concepts).

Exploration for the region of Noxus.
(David Harrington did the Immortal bastion landmark concepts).

Value structure suggestions page from the style guide.

Value structure suggestions page from the style guide.

Lighting page from the style guide.

Lighting page from the style guide.

Early exploration where the world would be a metal globe (incognium Runeterra). We estimated early on that this would raise the min-spec for the experience and not allow for a fluid mobile experience.

Early exploration where the world would be a metal globe (incognium Runeterra). We estimated early on that this would raise the min-spec for the experience and not allow for a fluid mobile experience.

Early exploration with Hextech look

Early exploration with Hextech look

(Launch Trailer)
Runeterra Awaits | Interactive Map - League Of Legends

Final WebGL result for Demacia

Final WebGL result for Demacia

Final WebGL result for Targon

Final WebGL result for Targon

Final WebGL result for Noxus

Final WebGL result for Noxus

Concept art and look development of the interactive WebGL Runeterra Map.
These we used to define the art style, chat with the UI/UX artists and build up a style guide for outsourcing.

Link to WebGL map : https://map.leagueoflegends.com/en_US
Launch Trailer: https://www.youtube.com/watch?v=MaDfg5BhIcY

Album
Date
October 17, 2018