GithubHelp home page GithubHelp logo

boogiemonsta / quantumtracker Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 603 KB

A keyboard operated tracker sequencer made with Vue 3 and Elementary Audio.

HTML 4.78% Vue 92.52% TypeScript 1.55% CSS 1.15%
audio dsp sequencer vuejs

quantumtracker's People

Contributors

boogiemonsta avatar

Stargazers

 avatar

Watchers

 avatar

quantumtracker's Issues

While sequencer is playing, punching steps in is buggy

While sequencer is playing, punching steps in only works if done very slowly.

Otherwise, the loop plays the steps in unpredictable spots of the sequence. When that happens, stopping and starting playback fixes the issue, the sequence itself is not where the bug resides.

Punching in steps while the sequencer is playing also generates clicks and pops, potentially linked to issue #4.

Update displayed steps in UI when sequence is changed programmatically

When activating/deactivating steps by clicking them in the interface, it updates the sequence accordingly, but the reverse isn't true

If I hard code a sequence to be [1, 0, 1, 0, 1, 0, 1, 0, 1, 0, 1, 0, 1, 0, 1, 0] it plays it back correctly as 1/8th notes, but on the interface I don't see the steps.

The binding between the steps displayed in the interface and their 1 or 0 counterpart inside their sequence must be made to go both ways.

BPM changes are not instantaneous

As a user, when playing a sequence, I wish to instantaneously hear the changes I make when I move the BPM slider.

Right now, a change to the BPM slider is only heard once a new cycle begins (as if the modification was quantized to the whole cycle length).

Inside of Tracker.vue, the variable bpm is reactive, but the issue must be with the gate variable, calculated from the BPM to be exactly the length of the cycle, and used to trigger the sequences.

Screen Shot 2022-05-08 at 10 15 28 AM

image

Sound quality is inferior when comparing with original samples

When the samples play through QuickTracker, they don't sound as good as when playing them in any audio editor.

In QuickTracker, the transients sound dull and smeared off, and it generally sounds much more "lofi", as if run through a bit reducer, or at a lower sample rate.

There's also random cracks and pops when activating/deactivating steps while the sequencer is playing.

Switching the mp3 files for their original wav file counterparts instead doesn't change the issue.

Playback is delayed by a couple of seconds

After punching in a sequence, when pressing the QuickTracker logo or the 'space' bar, there is a delay before the sequence starts playing

This delay before playback is related to the BPM: the slower the BPM, the longer the delay. This issue must be related to #3.

-> Look into the reset value for setInterval.

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.