3 ms·
I’ve written a sheet music rendering engine from scratch in front-end JS, and here’s a tech talk I gave on it: https://vimeo.com/304099149 https://vimeo.com/30
by adrianh 5y ago
I’ve written a sheet music rendering engine from scratch in front-end JS, and here’s a tech talk I gave on it:
https://vimeo.com/304099149 https://vimeo.com/304099149
This is part of the music-learning software Soundslice (https://www.soundslice.com/ https://www.soundslice.com/). We have a full notation/tab editor plus lots of learning and practice tools, oriented around syncing sheet music with real audio/video performances.
- 6581 5y agoThe anti-aliasing of the example scores on https://www.soundslice.com/features/ https://www.soundslice.com/features/ makes horizontal lines look extremely blurry. It's not as bad for vertical ones.
- adrianh 5y agoInteresting — can I assume you're not on a high-pixel density (aka "retina") screen? We've experimented with forcing staff lines to start on a new pixel, but that can result in an overly digital look.
- 6581 5y agoYes, I've noticed this on a regular QHD display. Zooming in on a screenshot shows that the staff lines aren't black at all though. It's one line #9A9A9A, one #545454 and one #E5E5E5.