NEW : HTML5 Piano - Feedback = Welcome!

Hey guys,

Last year, I stumbled across a website which featured a HTML5 piano that some Javascript whizz made.

I was in awe! (mostly because I was still making Flash apps and knew that the writing is on the wall)

Because of C2 (my FAVOURITE app of all apps), I just begun to make/port my own HTML5 Piano which, once it's done, will introduce children to the wonderful world of app making ... no, I meant, music.

Anyway, here is the link: http://littlecomposers.com/apps/mmm/

If someone wants to load it on different devices, I'd appreciate your feedback. Also, please include which device you've tested it on and perhaps the build version (seen in the lower right corner) so I know where things are.

So far, I have just the keyboard (low G to high F) with the low B flat and f-sharp and upper b-flat working. All white keys work.

Thanks a million!

One more thing ....

I found a quick and dirty little way to check the file size of an app.

Just upload your game to your website, copy the URL and enter it into this page: http://tools.pingdom.com/fpt/

Give it a few seconds and you will see how

big

or small

your game is.

Sometimes these things are good to know ... me thinks.

No comments means that everything is just handy dandy

I worked all day and have a good update to show.

The project is nearing completion and I am very happy with how C2 handles the resizing and overall fell of the HTML5 piano.

Note: For those of you who want to play/try it, please be a little patient as there are a lot of sounds that have to download. Soon, this puppy will travel to the Windows Store (but there is still some work to do).

As you all know:

"When you are 80% done, there is still 80% to do!"

Link: http://littlecomposers.com/apps/html5/preview/

Those of you who have a touch screen monitor might enjoy playing this way?

cool stuff...I tried it in Firefox & it worked great. Also, glad to see someone else saying the writing is on the wall for Flash....I've been suspecting it for a while now. You just can't compete against great indie software like C2

miketv

Flash had a good run and cached out at the right time (Adobe bought it a few years ago).

Steve Jobs killed it because it messed with the iMacs (back in 2009).

It wouldn't be so bad but what really matters is that now most website visitors come with some sort of a tablet or phone.

C2 saved me big time! I waited hard for something/anything that would help me to lose Flash and jump on the HTML5 band wagon.

I can't wait to finish this and send it to MS for the Windows Store. YAY

Hey, that's really cool. A couple of ideas for your consideration:

Keymapping, so that you can set your musical keys to a keyboard/gamepad key of your choosing.

Saving/loading short melodies. Sometimes I'm away from my music equipment and get an idea for a melody. Would be awesome if you could save tunes. Not necessarily the audio itself-- more like MIDI data.

Cheers man, good work!

This is on Chrome for Vista, by the way (not my computer ). I don't see a build version anywhere. One thing I wasn't sure if I should mention or not-- your forum signature reads sort of like a spam e-mail, you might take away the 'could become famous' part, as I think people would be more inclined to check it out. Just my two cents. Cheers!

Hey johnrazor,

and thanks for all the pointers.

Out of all the suggestions you've made, the save/load a melody interests me a lot but, I still need to learn how to do that.

I didn't even know that MIDI data could be created yet alone saved? Have to dig a little deeper.

About my signature ... as you know, stating something In definite terms has become a dangerous game. I think that if a child starts with making compositions and puts a little effort into it, she/he can advance a lot and maybe come up with a unique composition that grows wings.

Unfortunately, I can't promise that that will happen so I chose "could" become famous.

My sig is just there. No expectations really. If someone wants to check out the website then it's a quick link to do so but I will see if something pops into mind when the time is right.

If you come across a tut that deals with saving a melody, I'd be very interested to read it.

Thanks,

V

Hey johnrazor,

and thanks for all the pointers.

Out of all the suggestions you've made, the save/load a melody interests me a lot but, I still need to learn how to do that.

I didn't even know that MIDI data could be created yet alone saved? Have to dig a little deeper.

About my signature ... as you know, stating something In definite terms has become a dangerous game. I think that if a child starts with making compositions and puts a little effort into it, she/he can advance a lot and maybe come up with a unique composition that grows wings.

Unfortunately, I can't promise that that will happen so I chose "could" become famous.

My sig is just there. No expectations really. If someone wants to check out the website then it's a quick link to do so but I will see if something pops into mind when the time is right.

If you come across a tut that deals with saving a melody, I'd be very interested to read it.

Thanks,

V

I think you could do it with the following objects:

WebStorage, Timer, and Array.

Just roughly working it out in my head, I would have the Array represent the time, which would loop back to the beginning every X number of seconds.

When a key is pressed, depending on the current value of Timer and the position of the Array, you could record that value into the array (F# 1.5 second mark, F at 2.5 second mark, E at 3.0 second mark).

Not sure if that makes sense or not-- let me know if you'd like more detail. Free time permitting, I might be able to throw together a demo for ya.

Cheers!

John

johnrazor

holy moly, you are on to something here.

Yesterday, as you know, I had somewhat of a setback because of two issues.

The Visual Studio one is now fixed and was my fault because I downloaded Visual Studio Express 2013 for Windows Desktop (I don't know what "that" is for but the "for Desktop" is not able to open our stuff.

The second issue is still ongoing.

I have a high-end MSI laptop with I use for mechanical engineering apps like SolidWorks.

To make W8.1 games, I bought an inexpensive ACER Aspire. It has 6GIG of RAM and a Intel 4600 GFX chip.

That GFX chip is customized which means that I can't just download an updated driver from Intel.

To make things worse, ACER doesn't have an updated driver available.

The reason why this is important is because I can't test my C2 games on that machine.

Every time I press the mouse or touch the screen, it flickers.

Some capx files I have downloaded from this forum flicker right upon opening the app in a browser.

I would like to send "a" version of my piano app to Microsoft and then update it on a bi-weekly basis.

The play-back function would lift this app up several notches and is a "must add" feature for sure.

Let's think about this and in the meantime, I will try to tweak the app and sometime this evening, send it to Microsoft.

Let's hope it works on their end and they approve it.

johnrazor

holy moly, you are on to something here.

Yesterday, as you know, I had somewhat of a setback because of two issues.

The Visual Studio one is now fixed and was my fault because I downloaded Visual Studio Express 2013 for Windows Desktop (I don't know what "that" is for but the "for Desktop" is not able to open our stuff.

The second issue is still ongoing.

I have a high-end MSI laptop with I use for mechanical engineering apps like SolidWorks.

To make W8.1 games, I bought an inexpensive ACER Aspire. It has 6GIG of RAM and a Intel 4600 GFX chip.

That GFX chip is customized which means that I can't just download an updated driver from Intel.

To make things worse, ACER doesn't have an updated driver available.

The reason why this is important is because I can't test my C2 games on that machine.

Every time I press the mouse or touch the screen, it flickers.

Some capx files I have downloaded from this forum flicker right upon opening the app in a browser.

I would like to send "a" version of my piano app to Microsoft and then update it on a bi-weekly basis.

The play-back function would lift this app up several notches and is a "must add" feature for sure.

Let's think about this and in the meantime, I will try to tweak the app and sometime this evening, send it to Microsoft.

Let's hope it works on their end and they approve it.

Glad to help! As far as the flickering goes, have you tried different preview browsers? If it flickers in all browsers, there's definitely something weird going on. I'm wondering if it does that in Node-Webkit. Also, does it flicker any other time (like when you're just browsing the internet)?

John,

that is the WEIRD part!

I can preview the same app (that flickers when previewed from within C2 > preview) once it is on the net and it displays fine.

But locally, on that machine, every capx I load flickers.

At first I figured that it is the latest beta and ignored it but now I know that it is on my end.

There isn't really anything installed other than C2 because I do all of the development on the Laptop which also runs C2 under Win7 and all the gfx work on the iMac, my baby which always works.

Just so you know ... I am used to that.

EVERY TIME in my life, when I work on something that matters, something that becomes a product, the hardware around me fails colossally. That's why I bought the iMac in the first place.

John,

that is the WEIRD part!

I can preview the same app (that flickers when previewed from within C2 > preview) once it is on the net and it displays fine.

But locally, on that machine, every capx I load flickers.

At first I figured that it is the latest beta and ignored it but now I know that it is on my end.

There isn't really anything installed other than C2 because I do all of the development on the Laptop which also runs C2 under Win7 and all the gfx work on the iMac, my baby which always works.

Just so you know ... I am used to that.

EVERY TIME in my life, when I work on something that matters, something that becomes a product, the hardware around me fails colossally. That's why I bought the iMac in the first place. <img src="{SMILIES_PATH}/icon_e_smile.gif" alt=":)" title="Smile">

I know how that goes-- most definitely. I always try to remind myself that technology is just a tool to make things easier, although it rarely seems to work that way anymore.. Heh. Anyway, you might try the updated driver, which you can download here:

https://downloadcenter.intel.com/Detail ... rodId=3720

John,

I downloaded a diver from that page yesterday but the size was different ... so I am trying again. You never know.

I just discovered something weird.

I loaded the online verson which worked fine on this computer but just now, it acted up.

What it is doing:

When I click on the keys (same when i touch) it becomes transparent and a different layout is visible behind the keyboard.

I am beginning to suspect that I did something wrong on the C2 side???

I will investigate this and report back in about 10 minutes.

Thanks for the link. YOU are in my will!

johnrazor

Just like yesterday, the driver is not valid for this computer ....

ACER cut corners and modified the driver which is understandable. The computer was dirt cheap.

Anyway, I am heading back to C2 and try to mess with the background settings. MAYBE i did something stupid there?