Andrew Mason creative technologist

Design, UX, development

6x9 is the Guardian’s first virtual reality experience, placing you inside a US solitary confinement prison cell.

As creative technologist I was responsible for working closely with the Mill and Guaridan editors, prototyping interactions and audio in Unity, managing the multi-platform apps and 360 release and creating the WebGL powered landing page.

Design, UX, development

Responsive 3D WebGL interactive combining mapping, satellite terrain images, 3D modeling and HTML5 technologies.

I wrote a full How I made the webgl interactive where I explain the different technologies and development steps.

Development

Video rich multimedia experience telling the story of the Australian bushfires . A blend of long form writing, video documentary and interactive elements.

UX, development

Frontend development and animation of the BBC homepage including main navigation carousel.

Design, development

There are thousands of IP webcams exposed on the internet without the knowledge of their owners. This experiment cycles through differnt public webcams putting you in the position of a voyeur.

Design, development

Syrian refugee Hashem Alsouki risks his life crossing the Mediterranean, his sights set on Sweden. Blending long form journalism with seamless video playback and responsive image presentation. Guardian’s first Facebook Instant article.

Design, development

I love glitch art so I decided to create a tool that allowed me to produce my own glitched artwork.

By directly manipulating the <canvas> image date I am able to create numerous filter effects.

Development

Fifty years since the Martin Luther King's most famous speech, this multimedia experience combines video, background audio and photography to tell an immersive story.

Development

Personal experiment visualising the popularity of breaking news. Increasing article counts decrease signal-to-noise resulting in degraded images. Combines Google News API, social media search results and dynamic image generation.

Experiment

In the process of learning about GLSL shaders I created a GPU accelerated system

Modeling, texturing and development

Personal project in exploring UV texture mapping and Blender model exporting to WebGL using THREE.js

Project lead

I present the idea for a notification bar system that allows readers to follow and receive updates to liveblogs, authors and comments. The presentation includes a working prototype using existing Guardian APIs.

Design, development

Real-time dashboard reporting the Scottish referendum results as it happened. Combined Google spreadsheets, node.js and AWS to create a robust work flow pipeline.

Design, development

Using satellite imagery, SVG animations and video to chart the new walls being built around the world that divide people from their neighbours.