top of page

READY PLAYER ONE

SCREEN GRAPHICS · FUI DESIGN · ANIMATION

Written and directed by Oliver Daly, this is a feature film about an AI robotic dog unit designed for Attack, Exploration and Logistics.
With the team at Territory Studio, I was responsible for designing and animating a series of 2D screen graphics. As AXL's artificial intelligence learns while it connects to its user, it evolves - this evolution was visually reflected in a unique POV style, and gradually experienced over the adventure.

RPO_IOIvisors

Sixers Visor

The IOI are corporate, cold and cunning, therefore the motion language seen on the visors is detached of personality, attitude or emotional behavior, the only thing really changing is the player's ID number.
My animation work on the visor's UI for the IOI players started from early concept through to development phase.

IOI Loading

SixersLoading.gif
IOI_Boot1.gif
IOI_Boot2.gif

As an IOI player puts the visor on and prepares to login the Oasis, a loading screen introduces the visor layout and UI.

IOI Battle Mode

During the battle scenes, several animation states needed to be developed - for background Sixer scenes we'd need shooting states, warning/alert state, damage indicators, item/weapon collection.

ioi_concept02.gif
ioi_Play_Type03.gif
ioi_Play_Type02.gif
ioi_concept01.gif
ioi_Play_Button.gif
ioi_Spell.gif
ioi_Play_Button02.gif

For hero shots, Art3mis gets shot by Parzival, through a close-up shot we see her panic and then getting hit. We animated an alert mode to add more thrill to the scene and animated a game-over type of screen as the user is disconnected from the Oasis.

IOI_HeadShot.gif

Battle Mode Rig

One technical challenge was the high number of Sixers visors that needed to be animated for both hero shots and background, especially during battle scenes.


We've solved this issue by creating a battle rig in After Effects, this sped up the workflow among the animators in the team and made it easier to diversify the content seen on the visors.

On this specific rig, there is an idle state, shooting state, damage state, and game over state.
 

As a player is hit in the Oasis, the visor flashes red and depending on the location of the hit, this damage is reflected by glitches that distort the UI in that specific area.

Concept Animations

These concept animations developed early on helped to set the foundations of the IOI "brand" aesthetics - With cyan and light green tones and overall very linear and geometric feel and a lack of personality compared to other avatar players.

RPO_LoyaltyVisor

Loyalty Visor

The Loyalty Visor are used by players detained on the indentured servitude program.
Although still graphically connected, the Loyalty Visor is a very different strain of the IOI visor.

HUD Design | UI Elements | Iconography

We designed a few iterations of the visor.
Main features required mission objectives, health readings, basic necessities, break time and earned credits.

Detached of any color and with a very minimalistic and basic graphic language, this is meant to represent the lowest possible rank of the IOI corporation and reinforce the idea of carelessness for the user.

RPO_Aech

Aech Visor

Aech's visor has a personalized HUD, mostly geometric with slanted boxes the main colors are a light green and orange.

Aech_4.gif
Aech_1.gif
AechReticle_01.gif
AechReticle_05.gif
AechReticle_02.gif
AechReticle_03.gif

Concepts, Animation and Designs include a battle mode visor with a reticle that adapts to the weapons Aech picks up during battle and a binocular view over the prize item: Gregarious 120

aechHUD_gregarious120.gif
AechReticle_04.gif
RPO_Oology

Oology Monitors

Oology is a lab division of IOI, a research and data department with the sole purpose of finding hints that can lead to Halliday's hidden Egg.
The Oology world itself is filled with monitors with data about all sorts of entertainment features from the 80's, from films, album covers, posters to comic books, toys and even food and candy packages.

Oology_1.gif
Oology_3.gif

We designed and animated dozens of monitors of different sizes as seen on both background and few hero shots. Once again, due to the high number of screens needed, we created a modular system with a library of designed and animated assets that we could easily shuffle around and populate the screen layouts.

oologyMonitor_parzGame.gif
oologyMonitors_broadcastGraphics.gif
Oology_4.gif
oology_searchSetup_v001.gif
oology_comicsSet.gif
oology_moduleDetail02.gif
oology_moduleDetail01.gif
OologyScreen.jpg
Transit_ComicCover.gif
oology_gameList_006.gif
oology_gameList_02.gif
Oology_Centre_01.gif
oology_gameList_001.gif
RPO_Drones

IOI Spy Drones

Nolan Sorrento and F'Nale Zandor set on a mission to find and capture Wade Watts.
During the chase, F'Nale uses spy drones that scatter around the city to find clues to Wade's whereabouts.

We designed and animated the UI interface for the Drone and the surveillance monitors used by F'nale.

Drone_70.gif
Drone_Suspect1.gif
Drone_50.gif
Drone_ID.gif
RPO_Commercial

IOI X-1 Haptic Bootsuit Commercial

This is a billboard commercial advertising the new X-1 Haptic Bootsuit, manufactured by IOI.
The full-body suit gives the user haptic feeling throughout the body of anything that is happening in the Oasis, from pain to pleasure.

In collaboration with Digital Domain who've produced the VFX on the suit, we've designed and animated the typographical elements and graphics that support the acting character.

Commercial_2.gif
Commercial_Type.gif
Commercial_3.gif
Commercial_bgGraphics.gif
Commercial_1.gif

Studio: Territory Studio (London, UK)

Role: 2D UI Design & Animation

bottom of page