Share your repls and programming experiences

← Back to all posts
Canvas Piano
mwilki7 (1105)

The virtual piano app has a number of problems that makes playing difficult.
• Lack of sustain (wind and string instruments are useless)
• Lack of customizable keys
• Lacks a transpose button
• High input lag

So I decided to make my own that fills in these missing features.

Warning: Make sure you select the canvas before attempting to play

If you want to modify a key, right click a key on the app and the Key Modifier section should be populated automatically.

On the page should be sheet music for you to test it out.
Feel free to paste over the existing sheets if you already have some.

https://github.com/michaelwilkie/CanvasPiano

Commentshotnewtop
RolandJLevy (499)

Hey @mwilki7, this is awesome! great job!!!

DynamicSquid (3641)

I hate this project. I'm trying to do my math homework for a quiz tomorrow but now I can't because I'm addicted to this. If I fail it's your fault

fuzzyastrocat (785)

Cool! One thing: how do you make the sheet music play?

mwilki7 (1105)

@fuzzyastrocat
You have to press the keys it tells you to in order to hear the music

fuzzyastrocat (785)

@mwilki7 Ah, ok. It would be cool to make an autoplay feature!

Great work!

Bookie0 (4044)

Pretty cool, but when you type in one of the textboxes like the sheetmusic, disable the sound for the piano because it keeps on playing, which may be kinda annoying! ;)

DynamicSquid (3641)

Ooh, I got some notes:

qp u i y qp u i o
qp u i y qp t s P

And repeat. Play using electric_piano_1 at a slow speed.

realTronsi (294)

It doesn't play sounds for me :(

mwilki7 (1105)

@realTronsi I havent added touch support yet, but ill do that before today ends

realTronsi (294)

@mwilki7 No like, the program doesn't play any audio for me. Is it supposed to produce sound?

mwilki7 (1105)

@realTronsi try clicking on the canvas

realTronsi (294)

@mwilki7 I've tried clicking everything

mwilki7 (1105)

@realTronsi what device are you on?

mwilki7 (1105)

@realTronsi
do any errors show up in the console? (press Control+Shift+I)

mwilki7 (1105)

@realTronsi do the keys light up?
I just added touch support if that change fixed anything

realTronsi (294)

@mwilki7 yes the keys lights up, but produces no sound for me.