Ramkumar Shankar

creative coding  /  games

Snake Datavis

A colourful visualisation of real time game activity in Snake.

Role Creative Developer
Client Identitii
Period September 2018 — October 2018
Delivery Game visualisation using Vue.js and Pixi.js

Overview

Working with Identitii, I deployed a customised version of Snake for their display booth at SIBOS 2018. I also developed a data visualisation component to accompany the install. This was displayed on a secondary screen next to the game, giving users a glimpse of game activity in real time.

identitii builds blockchain software to help financial institutions exchange payment information in an auditable way. The goal was to use the real time data in the game, to draw parallels to how blockchain based solutions can enable clients to understand and audit financial transactions.

We drew heavily from the game itself. There are two leaderboards — a global leaderboard comprised of all players who have joined the game, and an active leaderboard of current players.

Each leaderboard consists players, who are each represented by the 'snake' they played in the game. These snakes grow or shrink in length as the game progresses, and they jostle with one another for space by moving within and across leaderboards. This results in a lively, fun and colourful aesthetic that adds to the experience of the game.

Real time activity

The bottom half of the secondary screen is taken up by a real-time activity table, which lists, in reverse chronological order, activity that is taking place in the game. This includes players joining or leaving, scoring and entering the global leaderboard. New events are highlighted for visibility.