[02.1] Web audio app May 2017 01 / 09

Pulsic

IMG_01Cover
Pulsic cover

[01] Overview

A web based audio application that lets you create music by motion.

[01.1] Specs[02.1]
DateMay 2017 (origin 2016)
TypeWeb application
ToolsWeb Audio API · Canvas · Tone.js
Playpulsic ↗

play pulsic →

[02]

About the project

Details

Web audio app · May 2017

[02.1] StoryMay 2017

In my second year of college I got a chance to revisit one of my earlier works called Music Companion, a web application for creating music. I wasn't pleased with the design it ended up getting, so I revisited the project and made a design that fits the theme: darker colours and a more music-like interface.

This became Pulsic, a web based audio application that lets you create music by motion.

[02.2] This revisit includes04 items
  • A new visual style
  • More options for the audio draggers (speed and dimension)
  • Tone.js integration for more complex and better sounding synthesizers
  • A landing page for the web application
[02.3] NotesFrom the maker

This project was my first experience of creating something from the ground up, code wise. It started with simple HTML and CSS but got quite complex. Pulsic opened my eyes to how amazing coding can be: you only need a good idea and some time to figure out what you need to make it.

I chose audio because I've always had an interest in it, and this seemed like the best moment to test my creative knowledge. The application is made with the Web Audio API and drawn in Canvas. Experiment with Pulsic and start creating your own melodies.

Working on a version that saves its state.

[03]

Media

VID_01Pulsic in action