Coder Social home page Coder Social logo

vincentriemer / io-808 Goto Github PK

View Code? Open in Web Editor NEW
676.0 35.0 71.0 19.79 MB

An attempt at a fully recreated web-based TR-808 drum machine.

Home Page: https://io808.com

License: MIT License

JavaScript 79.20% CSS 1.13% HTML 0.31% Shell 0.20% Pug 3.63% SCSS 15.53%
web-audio sound react redux webaudio

io-808's Issues

Mobile Support

So for the initial release I focused on just plainly recreating the original hardware's layout. In order to get all the controls to look appropriately laid out I had to hardcode the dimensions to 1400x800. Because this makes PC's the only viable platform to use iO-808 on I also decided to skip touch support for all of my custom UI controls.

The biggest hurdle with this will be designing a responsive layout that is usable at all screen sizes, I could really use help with brainstorming ideas for this. I'd like to get a comprehensive Framer prototype working before any implementation starts (though touch support can start being implement immediately)

  • Touch Support
  • Mobile Framer Prototype
  • Make components properly responsive
  • Implement final responsive layout

Can't Play The Music

Can't play my loops man, the legend "Mode Currently Unsupported" it appears to me, what can i do?

Make the kick knock harder

The BD barely even slaps. ;) I assume there are some additional concerns here but if you could somehow channel a slightly more authentic kick/sub sound this thing would be out of this world. Great work, awesome project.

Save doesn't work

When I try to save my music and then load it again, it does not work and it just comes out with a simple kick pattern. all of my levels and snappiness and all that good stuff is still saved but it just doesn't have the notes.

Pattern copy

I haven't seen any functionality to copy a pattern. For example, when creating a 2nd part of a pattern I would like to be able to take the 1st part of the pattern as a basis and then add in slight variations (same goes for creating new patterns).

Is there a way to do this that I've missed? Or is this a feature you'd be interested in adding? If so, I'm happy to give it a go :)

BLM Theme

This completely black and gray theme is absolutely impossible to work with. I cannot see anything clearly. Please change it back.

No Sound

Hi No Sound On Imac Running Os X Sierra !

Great 808 Layout By The Way Spot On !

06/12/16

Does not work on iOS (Safari)

I can put in touch input, but no knobs works since I cannot input drag input.

I can press play, but no notes are heard.

Add warning for Firefox users

Due to a buggy implementation of AudioParams the sound generation in Firefox creates really loud pops and clicks. There should be a warning displayed if a user visits the application in Firefox.

Auto Fill In comes in too late

Hi,

When using the Auto Fill In dial, the fill-in comes in one measure after it should - when set to 4, it comes in on the 5th measure, when set to 2 it comes in on the 3rd etc.

On an unrelated note, is there any chance of being able to export to mp3?

Thanks

io-808 no sound

I should like very much that simulation of the TR808, but for some reason, I'm not getting any sound out of it. Any cue ?

the pre-scale knob

Hello! I've been using the iO-808 and I can't modify the pre-scale knob. Is it available?

More convenient interface

In adition to choosing instruments trought the wheel, click the boxes next to them and also below the level tone and decay knobs where there names are displayed that would make it alot more convenient.
(sorry for posting this on pull requests i dident understand how github worked)

Help i am new

I have no sound, on edge, chrome and firefox

what can i do

Easier theme

I find the gray theme very hard to see, particularly in which lights are lit in the 1-16 beat slots. Would it be possible to have another theme, either with more colors, or at least with more led-like lights?

Sound

Still no sound on safari or chrome ?

Documentation Improvement

Awesome app, but the documentation doesn't really cover how to go about deploying and running this locally... Any guides on how to accomplish that?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.