boogiemonsta / quantumtracker Goto Github PK
View Code? Open in Web Editor NEWA keyboard operated tracker sequencer made with Vue 3 and Elementary Audio.
A keyboard operated tracker sequencer made with Vue 3 and Elementary Audio.
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.
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.
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.
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.
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
.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.