ARCANE Interactive Game Poster

ARTG-80G Interactive Poster

Walkthrough:

Clickable Areas:

1. The Hextech Crystals can be dragged and dropped (the little tear drop things in each gadget (Gauntlet, Hammer, and Monkey Bomb)

2. The button on the Hammer plays the opening music for the show

Design Goals:

With the show ARCANE's recent release, I wanted to create something that would sort of maybe promote the game. 

My main goal was to create a poster with some added interactivity and music/audio tidbits w/some illustrations to sort of highlight some of the main characters in the show (Jayce, Jinx, and Vi). I had three pixelated illustrations of the character’s signature weapons, all being powered by a hextech crystal, a key source of energy in the League of Legends universe. I planned to make these crystals interactable by being able to drag them drop them into said weapons to activate them. For example, Jayce’s hammer would light up when the crystal was placed and play the opening theme for the show. Some cool easter eggs like that would really boost the interactivity of the poster.

I did run into some trouble such as how to add in images at first and understanding the order of how images and snippets of code were ran/layered on top of one another. 

Credits: 

Opening de Arcane 2021/ League of Legends

Apex - Black Hydra (Arcane Trailer Music)