ZapBox Xylophone Project File

The zpp project file for the ZapBox Xylophone experience is available here:

Hopefully you’ll find it a useful example of a more complex ZapBox experience as it works with multiple ZapBox controllers and uses more complex TriggerRegion interaction than the basic “Button and Flower” example.

If you have a version of ZapWorks Studio earlier than 4.0, you’ll need to re-download the current version from to open the project file.

There are some notes that will pop up when you open the project. I’ve copied them below too.


This is the source project file for the “Xylophone” experience in the ZapBox app.

The audio samples used for the notes were obtained from PatchArena, you can download the original samples from:

I’d like to thank Chad from PatchArena for granting permission for us to redistribute these samples as part of this developer package. Thanks Chad!


The project is structured well and all the script nodes have extensive comments so hopefully you’ll be able to figure it out if you’ve got the hang of the basics of ZapWorks Studio. I am intending to put together some walkthrough videos to clarify the more complex parts, but that will likely be some time in 2018.

Some things you might want to try:

Repace the note sounds

  1. Go into the ResizableXylo > Notes subsymbol.

  2. Replace some of the media files with your own recorded sounds in wav format. The files names need to match the note names, ie c4.wav. I’d recommend short sounds in mono format at 22050 Hz to keep the download size as low as possible.

  3. Preview the project, load it in ZapBox and try them out!

Turn on debug mode

When investigating how the project works, you might find the scene’s debug mode useful. This makes the model visible when camera relative, and makes it also respond to taps on the screen (or mouse clicks in the Desktop Zappar app). It’s especially handy when you’re looking at the code that works out which note to play.

  1. The easiest way to enable this is to set “enabled” as the default state of the “debugMode” controller in this root symbol. Just right click it and select “Make Default”.

  2. Then hit preview and “Launch in Zappar for [Mac/Windows]”. Now you can play the xylophone and test the slider right on your computer, without needing to set up a ZapBox map.

Have fun!


Thanks for the share Simon!