People have read this question, but no one has yet responded. I'm guessing that the notebook file I included doesn't open for you as it does for me.
After some experimentation, I've narrowed the question and will here provide a simplified example of where I'm stuck.
When I run this code in a notebook file in the Wolfram Desktop front end (v.11, Mac OS X 10.10.5)...
cover = Image[Import[CloudObject["https://www.wolframcloud.com/objects/16419ad5-6a01-4eb5-9b52-d9f18fb835d6"]], ImageSize -> {600, 400}];
coverBtn = Button[cover, Beep[], Appearance -> "Frameless"]
...it displays an image that beeps when I click on it. That's good. Now I want my friends to experience the beeping picture, so I try to deploy it to the Wolfram Cloud:
CloudDeploy[
cover = Image[Import[CloudObject["https://www.wolframcloud.com/objects/16419ad5-6a01-4eb5-9b52-d9f18fb835d6"]], ImageSize -> {600, 400}];
coverBtn = Button[cover, Beep[], Appearance -> "Frameless"], Permissions -> "Public"]
Instead of a beeping picture, the browser (Firefox) displays a very long string beginning with "Button[Image[RawArray["UnsignedInteger8", {{{127, 47, 22}, {115, 35, 12}, {113, 31, 10}, {126, 44, 23}, {126, 41, 21}, ..." I understand that this is the full form of the button including the raw data for the image's RGB values. What I don't understand is how to make the browser display the beeping picture.
I'm guessing that if I can get this simple example to work in a browser, I'll be well on my way to getting the whole game to work.
Thanks in advance for any help,
Mark Greenberg