Xylophone

Tap a bar, or drag across the bars for a glissando. Tap the mallet or frame to play a scale.

A xylophone is a row of tuned wooden bars that you strike with a mallet. Each bar's length sets its note: the shorter the bar, the higher it sounds. The name comes from the Greek for “wood” and “sound”.

This splash one has eight colored bars, a scale from C up to the next C. Tap a bar and the mallet swings over and strikes it, and the bar jumps and plays its note, so you can play a tune. Tap the mallet, a wheel or the ends of the frame instead, and it plays the whole scale. Drag along the bars for a run of notes, called a glissando.

Made in Splashery. Its code is MIT.

This link opens it in the Playground. To put it on your own page, add the element and one script tag. Every option.

https://splashery.app/play/?toy=xylophone

<script type="module" src="https://splashery.app/play/src/element.js"></script>
<splashery-toy toy="xylophone"></splashery-toy>