Skip to content
Learn Measure Blog Case studies About
On this page
  • Q & A with Syd Lawrence
    • Why the web?
    • What worked really well during development?
    • If you could have any API to improve your app, what would it be?
    • What happened after launch?
  • Home
  • All articles

Madeon Adventure Machine

Aug 14, 2015 — Updated Aug 14, 2015
On this page
  • Q & A with Syd Lawrence
    • Why the web?
    • What worked really well during development?
    • If you could have any API to improve your app, what would it be?
    • What happened after launch?
Madeon adventure machine detail

TL;DR #

Madeon Adventure Machine is a clever promotion for Madeon's new album that is a fun drum machine.

What we like? #

The Adventure Machine is a really simple app, but it does its job quite well. By utilizing Web Audio and optionally Web Midi (yes – you can connect your own synthesizer!), the newly created loops that appear by the touch of a button sync perfectly, and the interface works well on mobile, especially when installed to home screen.

Possible Improvements #

The load time (see WebPageTest score) on mobile 3G could be significantly improved if the the precaching of all beats and loops was removed or done in a smarter way. Gzip compression on assets is missing and and easy fix, and the touch targets are slightly too small for smaller screens.

Q & A with Syd Lawrence #

Why the web? #

We wanted the project to be available to as many people as possible around the world. We also wanted as many people to interact with it as possible, so we needed to remove every potential barrier to entry.

What worked really well during development? #

We used the Web MIDI API for the first time for this project. Interacting with a website using a MIDI instrument is an amazing feeling.

If you could have any API to improve your app, what would it be? #

For this web app, tbh, there are ways we could improve it, but there are already APIs we could use to help with this.

What happened after launch? #

It exceeded all hopes and expectations. It got to #2 on the front page of reddit, and had almost half a million users within the first month. It also generated a substantial number of album sales and tour ticket purchases.

Case Study
Last updated: Aug 14, 2015 — Improve article
Return to all articles
Share
subscribe

Contribute

  • File a bug
  • View source

Related content

  • developer.chrome.com
  • Chrome updates
  • Web Fundamentals
  • Case studies
  • Podcasts
  • Shows

Connect

  • Twitter
  • YouTube
  • Google Developers
  • Chrome
  • Firebase
  • Google Cloud Platform
  • All products
  • Terms & Privacy
  • Community Guidelines

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies.