https://github.com/neiltron/xylotron

Web based drumpad built with React
https://github.com/neiltron/xylotron

Last synced: 18 days ago
JSON representation

Web based drumpad built with React

• Host: GitHub
• URL: https://github.com/neiltron/xylotron
• Owner: neiltron
• Created: 2016-01-21T06:12:42.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2016-02-12T04:32:47.000Z (almost 9 years ago)
• Last Synced: 2024-10-19T00:19:45.816Z (27 days ago)
• Language: JavaScript
• Homepage: http://neiltron.github.io/xylotron/
• Size: 1.47 MB
• Stars: 15
• Watchers: 4
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# XYLOTRON 

[![Code Climate](https://codeclimate.com/github/neiltron/xylotron/badges/gpa.svg)](https://codeclimate.com/github/neiltron/xylotron)

Now in hyper-monospace.

Xylotron is a drum pad using React, Redux, and Howler. To run locally, clone the repo, then:

````

npm install

gulp watch

````

There's a deploy step in the gulpfile to host the compiled assets on Github Pages. To use, change your git remote to a repo you control and run `gulp deploy`.

## Screenshot

![XYLOTRONS](https://raw.githubusercontent.com/neiltron/xylotron/master/xylotron.png?token=AAbm2UDcNYjV9h1x6OwIQHYqM7ERXUstks5WwnRZwA%3D%3D)

## Todo/roadmap

- Better playback. setTimeout's are susceptible to blocking issues

- The ability to change key assignments

- Changing samples/kits

- Import OP-1 kits from Soundcloud

- Looping

- Saving tracks

- Support for MIDI controllers in Chrome