WORK IN PROGRESS
Web component for displaying piano keyboard
Input: number of keys (list of pre-defined configurations)
-
SVG: Add pushed state for white keys
-
SVG: Add black background?
yarn build:watch
yarn start:dev
-
25: 2 octaves + 1 key
-
37: 3 octaves + 1 key
-
49: 4 octaves + 1 key
-
61: 5 octaves + 1 key
-
76: 1 key + 6 octaves + 3 keys
-
88: standard full keyboard, 3 keys + 7 octaves + 1 key
-
32: 5 keys + 2 octaves + 3 keys OR 2 octaves + 7 + 1 key
-
73: 1 key + 6 octaves OR 6 octaves + 1 key
-
24: 2 octaves
-
44: 3 octaves + 7 + 1 key
-
54: 4 octaves + 5 + 1 key
-
64: 3 keys + 5 octaves + 1 key
-
68: 3 keys + 5 octaves + 5 keys
-
122: electronic organ, 2 rows, 5 octaves + 1 key on each row