malparty / nimbleat Goto Github PK

Acceptance Criteria

• Add 2 buttons labeled Drums and Synth respectively
• The drum button is preselected on page load
• Add a javascript variable currentPadMode (in the same class as the playPad function) to hold the current selection
• When a user clicks on a button, it deselects the other button and updates the currentPadMode variable

Acceptance Criteria

• The UI contains a grid of 4 by 4 pads, each squared
• The whole set of pads can fit in half a screen (assuming FHD screen without zoom)
• When a pad is clicked, a function playPad is called with the id of the pad as a parameter (int from 1 to 16)

Extra

Feel creative for the design :D

Acceptance criteria

• Create Jog Display to load the music
• Load sample music
• Play sample music
• Pause sample music

This is for Palm temporary to learn javascript framework, tailwind.css

A user cannot set an Attack or Release value that is higher than the sustain value — otherwise it will cut the sound.

Acceptance Criteria

• When the synth mode is selected and a pad is clicked, an instrument sound is played

Each pad will play the same sound and the same note. Note variations will be implemented in another task.

Acceptance Criteria

• Each pad has a dedicated sound. Here is a suggestion of standard layout (the 2 top rows are generally used for more exotic sounds while the 2 lower rows are often holding standards drum sounds)
  
• As a user, I can play several pads simultaneously (e.g. a kick and a snare together)

Acceptance criteria

• Make a click on a pad plays a single audio file (the same file for each pad)

We will add different sounds in another task

You can store the audio file in the repository — please just use a short file (e.g. a single clap). Let's chose a file that starts immediately (i.e. let's avoid files were the clap occurs only after some time)

Acceptance Criteria

• Each pad holds a different note, following 1 unique musical scale

No need to be able to play multiple notes at the same time

You might want to use a helper to map notes with frequencies
This GitHub project might be useful.
Later one, scales will be able to have this "easy to edit" format: https://github.com/DonnyCraft1/note-frequency-map/blob/master/util/scale.json

Acceptance Criteria

• The keys are mapped to the pads as in the below picture:

• I can press 2 keys simultaneously

Extra:

• Add the style class onPress and remove the style class onRelease, so that there is a visual confirmation on the UI