GithubHelp home page GithubHelp logo

twboom / synthquencer Goto Github PK

View Code? Open in Web Editor NEW
4.0 4.0 0.0 514 KB

SynthQuencer is a sequencer that is easy to use and does not require the user to have any knowledge of coding or music, just press some buttons and see what happens!

Home Page: https://synthquencer.twboom.dev

License: GNU General Public License v3.0

HTML 4.76% JavaScript 74.86% CSS 20.38%
javascript music sequencer synthesizer webaudioapi

synthquencer's Introduction

Hello!

I'm Thijs. I sometimes create things for hobby.

synthquencer's People

Contributors

twboom avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

synthquencer's Issues

Wiki snippets

Is your feature request related to a problem? Please describe.
Searching for stuff on the wiki is lame

Describe the solution you'd like
When you hover over something, it'll show you a small snippet of the wiki about that thing.

Snippets hotkey

Is your feature request related to a problem? Please describe.
Waiting for a snippet can take a long time.

Describe the solution you'd like
Hitting a key (eg 'S') will bring the snippet up immediately (when you're hovering over something)

Drag to select / deselect

Is your feature request related to a problem? Please describe.
Drawing the notes is not very easy to do.

Describe the solution you'd like
Being able to draw, all the deselected notes get selected and vice versa.

More responsive design.

Is your feature request related to a problem? Please describe.
Recently, I've noticed that on smaller screens, it is too big. This is due to setting a px value for the button sizes.

Describe the solution you'd like
Setting it with % or viewheight/width, it'll be more responsive

Describe alternatives you've considered
Or a whole another design for those devices.

Kill all sound button

Is your feature request related to a problem? Please describe.
Sometimes the sound doesn't stop or it takes ages, but reloading might delete hard work.

Describe the solution you'd like
A button to kill all sound

Additional context
This does require some restructering

Hotkeys for some actions

Is your feature request related to a problem? Please describe.
Using hotkeys is a quite handy feature that doesn't make the program more complicated.

Describe the solution you'd like
Hotkeys, especially for play/stop (spacebar)

Audio Interface issue

Is your feature request related to a problem? Please describe.
Due to making the interface before the page is fully loaded there's an warning and that doesn't look to nice.

Describe the solution you'd like
Make it after an user input.

Sustain in seconds

Describe the bug
Sustain is given in seconds, that is wrong

To Reproduce
Steps to reproduce the behavior:

  1. Go to envelope

Expected behavior
Sustain should not show a value in seconds

Make sliders better

Is your feature request related to a problem? Please describe.
The sliders look ugly

Describe the solution you'd like
Uniform sliders across platforms

Describe alternatives you've considered
None

Additional context
image

Draw synth

Is your feature request related to a problem? Please describe.
For non music people it might still be a kind of hard.

Describe the solution you'd like
A synth that allows you to draw on a (relatively) high quality gird (Imagine something like 64x64 or higher) with different colors. Each color is representing a wave. Waves also combine when a button has multiple colors and the colors mix accordingly.

Describe alternatives you've considered
None, this is too good to let go.

Add those link to sections on wiki

Is your feature request related to a problem? Please describe.
I cannot link to a specific part of the wiki

Describe the solution you'd like
Add the #article to the end of the url support

Warning before resetting the entire grid

Is your feature request related to a problem? Please describe.
Now you can lose your entire thing when accident.

Describe the solution you'd like
A nice prompt that ask if you really want to deleted your work

Describe alternatives you've considered
A default confirm would probably do the trick, but that looks ugly.

Some wiki for how to use it and what all the sliders do

Is your feature request related to a problem? Please describe.
I'm trying to keep it simple, but powerful. However, as everyone knows, that is impossible.

Describe the solution you'd like
A page that explains what everything does.

Different default synth

Is your feature request related to a problem? Please describe.
The default is the sine wave, but that is kind of boring

Describe the solution you'd like
Make saw tooth the default

Sequencer reset

Is your feature request related to a problem? Please describe.
Now we have to reload the page to reset the grid or uncheck everything manually.

Describe the solution you'd like
A reset button for the grid

Additional context
Removing the div with the grid and then remaking it should do the job

Auto tempo adjust restart

Is your feature request related to a problem? Please describe.
The tempo doesn't update automatically when adjusting the slider, having to restart is quite annoying.

Describe the solution you'd like
Auto restart on slider adjust.

Make button better

Is your feature request related to a problem? Please describe.
The toggle button is just the normal button in every browser, that is ugly. It also doesn't change text...

Describe the solution you'd like
A nice button that changes text depending on the state

Additional context
image

Multiple sequencers

Is your feature request related to a problem? Please describe.
Now you only have one grid, that is sort of limiting

Describe the solution you'd like
Being able to add and remove grids as you please

Additional context
Display them with tabs, maybe even renaming

ADSR for the synth

Is your feature request related to a problem? Please describe.
You can't change the sound except the waveform

Describe the solution you'd like
Add ADSR

Additional context
Maybe a graphical editor in a modal

GUI for the ADSR

Is your feature request related to a problem? Please describe.
It's just sliders, that is kind of sad and maybe a bit abstract if you don't know what it means.

Describe the solution you'd like
A nice interactive envelope

Additional context
I will do this when I learn how to do canvas stuff

Volume slider

Is your feature request related to a problem? Please describe.
The synth can get very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very loud

Describe the solution you'd like
A volume slider

Additional context
The volume slider value multiples the given gains in the synth

Button weird shift

Describe the bug
When hovering over a button, the text shifts a bit

To Reproduce
Steps to reproduce the behavior:

  1. Go to app
  2. Hover over a button
  3. Wait
  4. See error

Expected behavior
The text should stay centered

Desktop (please complete the following information):

  • OS: Windows
  • Browser: Chrome
  • Version: 89

Notes stop playing

Describe the bug
The notes stop playing randomly and starting over a bit later.

To Reproduce
Steps to reproduce the behavior:

  1. Activate some notes
  2. Click toggle/play
  3. Wait until the notes stop

Expected behavior
They should keep playing

Desktop (please complete the following information):

  • OS: Windows
  • Browser: Chrome
  • Version: 89

More buttons in grid

Is your feature request related to a problem? Please describe.
A 16x16 grid is fine, most of the time. More buttons would be better

Describe the solution you'd like
Make the size adjustable, reload is ok

Link to wiki in snippets

Is your feature request related to a problem? Please describe.
If you want to read more about a button

Describe the solution you'd like
A button that links you to the correct part of the wiki page

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.