BATTLEFIELD 2042 | NETWORK DESIGN
Styleframing
After Effects
B A T T L E F I E L D   2 0 4 2   I N T R O​​​​​​​
NETWORK DESIGN  -  PART 1  PART 2  |  PART 3  |  PART 4


Part 4 of this case study series highlights the development of the Network, one of the fundamental design elements of our initial treatment. It answered several design needs and was our canvas for showcasing how we arrived at the FUBAR future of 2042. We imagined it would be a dense collection of interconnected data points in a neural network, all pulled together through some advanced military AI. It needed to feel sophisticated yet chaotic in complexity, full of digital artifacts that would eventually degrade and break down as communication networks around the world fell apart. Below are some of the earliest explorations of the look for the Network.










____

VOXEL TOOLS

Our designs evolved into a voxel-like structure for the Network, inspired by diagrams of how data is stored and accessed in SSDs. This provided a versatile grid for the ever expanding list of content we needed to house. We built a python tool in Cinema 4D to create recursive volumetric grids using 3D noise. This helped us quickly iterate through grid layouts.

The grid sampled values of 3D noise based on the dimensions specified in the User Data. The sample values were clamped into color ranges. If the average color value met a threshold, we would repeat the process within that voxel, over and over again, creating recursive cubes. Once the layout was generated, Thinking Particles were scattered at the center of each voxel, one TP Group per iteration level. Appropriately sized Cubes were then cloned to their respective TP Group. This approach allowed us to use Render Instances for performance and Mograph Effectors for additional manipulation.

____









____

ORGANIZED CHAOS

The Network became our flexible home for any type of content we wanted to leverage while traveling through the historical timeline. As our story grew, so did the scope of the network. We needed it to house text, images, video, sound bytes, maps, 3D models and LIDAR data, all while maintaining a somewhat organized and gridded appearance.

____


​​​​​​​






____

THE SHUTDOWN

After the catastrophic communication failure, the network degrades into a darkened offline shell of what it once was. The structure is there, but the data is replaced with connection error messages. We wanted there to be a stark contrast between the previous version of the network, then slowly build the content back up as some systems come back online. The heavily artifacted content would flicker in and out of the darkened grid, growing more stable as we progressed to the mission briefing.

____








____

INTO THE GAME

As we reached the end of the cinematic, we needed to begin the transition into game visuals. We integrated several game assets starting with the Doha skyline to the MFS-Exodus and Irish’s crew. The models were given the same glitchy treatment, resulting in a colorful holographic look that sat nicely in our network design language.

____








____

CREDITS | PRODUCTION

Client: Electronic Arts | DICE Stockholm | Criterion London
Production: Goodbye Kansas
Executive Producer: Anton Söderhäll
Producer: La-Râ Hinckeldeyn
Score: Hildur Guðnadóttir & Sam Slater
Sound Design: UHORT

CREDITS | MOTION GRAPHICS

Director: Will Adams
Art Director | Lead Design: Michael Rigley
Lead UI Design: Steven Bussey
3D Animation: Michael Rigley, Will Adams
Lead Glitch Animation: Guilherme Ferreirinha
2D Animation: Michael Rigley, Guilherme Ferreirinha, Marcus Melin
UI Animation: Steven Bussey

____





PART 1  PART 2  |  PART 3PART 4


BATTLEFIELD 2042 | NETWORK DESIGN
895
8.2k
33
Published:
Multiple Owners
Will Adams