Prime Machine v.1.0.0

Prime Machine is an experimental drum machine built using Vuejs and the web audio api.

• PWA supported: you can saved to your device's homescreen and used offline.
• Firebase supported: it's configured to work on firebase, if you want to test it on live.

Live Demo

Main features

• Polymeters: lets you create dynamic polymetric drum patterns by adding and removing quarter-beats from individual tracks while the composition is playing (At the moment it's disabled because I noticed that it's not really responsive on mobile).
• Probability: lets you adjust the probability that any individual track's sounds will be played.
• Overrides: in order to avoid the collisions, you can set the prioritize certain sounds over others.

Drum Patterns

Thanks to Smokeyloops for the awesome drum patterns.

Used stack / Third Party

• Vue.js 2
• Vuetifyjs 1
• Browserlist
• Web Audio API

Content

• Setup

Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run all tests
npm test

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

TODOs List

• Allow to create dynamic polymetric drum patterns by adding and removing quarter-beats from individual tracks while the composition is playing.
• Migration to Vuejs 3.x.
• Improve the performance on mobile.