Thumbnail

IBM - Terminal

Released
2020
Client
IBM
Agency
North Kingdom
Tags
three.jswebgl

A browser-based game that simulates a security breach at a fictional airport. The players could feel the intensity of having to take quick decisions, and what implications those could lead to.

I created the map in webgl and the game mechanic.

Thank you internet for this play-through:

Image

During development, the map blueprint was loaded directly from Figma, which served as a game editor. Labels, nodes, outlines and all game metadata could be updated in realtime in Figma. For production it was exported and reduced to a compact json-file instead.

Image

The was lots of lines to be rendered. To make them crisp and antialiased, every line segment was rendered as a quad so the edges could be controlled in the shader instead of triangle-edges. All segement was then rendered in a few batches for performance.

Image

Every dot in the map have a purpose and backstory in gameplay. They are also connected to other points in some way, so we could make the virus spread between systems, and update the colors and lines in the map.

Image