Share My Creation TailwindCSS Xylophone (source code included)

Hi

My child playful mood kicked in. So here is it.

You can play it on Netlify:

Xylophone WebApp

Sithaso Daisy Design System

sithasodaisyxylophone.netlify.app

Topic Link:

[Web][SithasoDaisy2]: Mashy Teaches TailwindCSS using b4x (with eBook)

Get SithasoDaisy for $15 here. Welcome to the SithasoDaisy world. Check $5 WebApps https://www.b4x.com/android/forum/threads/sithasodaisy-webapps-5-each.145871/ Join on Telegram Get the eBook See it in action on Netlify or See it from a FlipBook SithasoDaisy is a library of components...

www.b4x.com

 

[Peter Meares]

Nice idea. I was going to try it with my grand-daughter for fun. I found it a bit slow in response to mouse clicks. My broadband is fast (60Mb/s).

 

[Mashiane]

I found it a bit slow in response to mouse clicks

Thanks for your kind words. There is an timeout that is added on the code which is half a second to change something in the UI and also the music files are loaded each time a key is clicked for that key.

Possible ideas would be to remove the UI timeout event and then load the music files when the app starts, so that these are not loaded each key is pressed.
Off course that's up to the dev and what one wants to do with it.