JavaScript Project - AKAI Music Machine

Collegium Da Vinci Poznań 2020/2021

Marcin Ciesielski PO1935[GR1]

Z repozytorium https://github.com/cdv-poznan/javascript-project-2021

AKAI Music Machine - emulator kultowego sekwencera/samplera firmy AKAI

Naciskamy pady i z przypisanych do nich ścieżek tworzymy własną melodię

LINKI:

• [Gotowy projekt] (https://www.cytrobit.com/akai)
• [AKAI MPC] (https://pl.wikipedia.org/wiki/Akai_MPC)
• [AKAI PRO] (https://www.akaipro.com/)

Sterowanie z poziomu klawiatury:

klawisz Z	klawisz X	klawisz C	klawisz V	klawisz B	klawisz N	klawisz M	klawisz K	klawisz L
perkusja	gitara akustyczna	gitara basowa	keyboard	trąbka	śpiew kobiecy	Beatbox 1	Beatbox 2	chór

Sterowanie myszką: play -> click; stop -> double click

Dotknięcie na ekranie dotykowym - przytrzymujemy dane przyciski i gramy melodię

Ścieżki zrobione przez Piotr "Liroy" Marzec (gitara akustyczna, keyboard, trąbka) oraz Marcin "Cytrobit" Ciesielski (reszta ścieżek)

Działająca w pełni wersja dostępna pod adresem: https://www.cytrobit.com/akai

Instalacja Zależności

Może wymagać zainstalowania css-loader (npm install css-loader)

npm install

Uruchomienie serwera deweloperskigo

npm start

Budowanie w trybie produkcyjnym

npm run production

Wykorzystane narzędzia

• node
• webpack
• babel
• eslint
• sass
• stylelint
• prettier

Omawiane biblioteki

• bootstrap
• fontawesome
• chart.js
• lodash
• push.js
• localforage

Przykładowe API

• api.nbp.pl
• api.covid19api.com
• api.exchangerate-api.com
• jsonplaceholder.typicode.com
• swapi.dev
• pokeapi.co
• reqres.in
• api.nasa.gov

Linki

• MDN Web Docs
• Web Dev
• Service Workers