Music guide
Piano Keys Tips: Ten White Keys at Any Window Size
Key takeaways
- Keyloft is a playable piano with ten white keys and eight black keys on screen at once.
- The key count stayed at ten white keys at 800 by 450, 1280 by 800 and 1920 by 1080 pixels.
- Each white key was 80, 128 and 192 pixels wide at those three sizes.
- Mode 1 has a wooden panel with instrument buttons and Mode 2 has a red panel with sound-shape buttons.
The first piano keys tip is that the keyboard fits itself to your window: in Keyloft we counted ten white keys at 800 by 450, 1280 by 800 and 1920 by 1080 pixels, with keys 80, 128 and 192 pixels wide. A bigger window gives wider keys, not more of them.
How the game works
Keyloft is a playable piano that fills your browser tab. Ten wide white keys and a row of black keys stretch across the screen, and you play them with the mouse or your finger. A panel at the top holds two sliders and four round buttons. On the start screen you pick Mode 1, with a wooden panel, or Mode 2, with a red panel.
What we measured
We used a test browser with the sound muted, so we describe what we see, not what we hear. In Mode 1 we took a screenshot at three window sizes and counted the white keys along a line near the bottom of the screen. We also counted the black keys in Mode 2 at 1280 by 800.
| Window size | White keys | Width of one key |
|---|---|---|
| 800 by 450 | 10 | 80 pixels |
| 1280 by 800 | 10 | 128 pixels |
| 1920 by 1080 | 10 | 192 pixels |
One count per size in one test browser; the key width is the window width divided by ten, so these are directions, not rules.
What is on the screen
The top panel has two sliders and four round buttons. In Mode 1 the buttons are a loop button and instruments I, II and III on a wooden panel. In Mode 2 they are a loop-style button and three sound shapes on a red panel. In Mode 2 we counted eight black keys at 1280 by 800, two of them cut off by the screen edges.
4 tips that follow from the numbers
- Use any window size. The keyboard kept ten white keys at all three sizes we tried.
- Go full screen for wider keys. Keys were 192 pixels wide at 1920 by 1080 against 80 at 800 by 450.
- Try both modes. Each has its own panel and its own set of buttons.
- Turn a phone sideways. The keyboard is wide, so landscape gives the widest keys.
Where to try it
Try it yourself in Keyloft. For a game with piano-key platforms, Coilkeys turns a tower so a ball drops through the gaps.
Frequently asked questions
How do you play notes in Keyloft?
Click or tap the keys with the mouse or your finger.
How many keys fit on the screen?
Ten white keys and eight black keys, two of them cut off by the edges.
Does the key count change with window size?
No. We counted ten white keys at 800 by 450, 1280 by 800 and 1920 by 1080.
How wide are the keys?
Each white key was 80, 128 and 192 pixels wide at those three sizes.
What are the two modes?
Mode 1 has a wooden panel with instrument buttons and Mode 2 has a red panel with sound-shape buttons.
Does Keyloft work on a phone?
It is a wide screen built for touch; turn the phone sideways. We tested it with a mouse.