NEW : HTML5 Piano - Feedback = Welcome!

Show us your works in progress and request feedback

Post » Tue Jul 29, 2014 9:22 pm

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! :)
Last edited by vancouver on Sat Aug 09, 2014 7:13 am, edited 2 times in total.
B
14
S
4
Posts: 190
Reputation: 1,735

Post » Tue Jul 29, 2014 9:25 pm

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. :)
B
14
S
4
Posts: 190
Reputation: 1,735

Post » Wed Aug 06, 2014 1:30 am

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?
B
14
S
4
Posts: 190
Reputation: 1,735

Post » Wed Aug 06, 2014 1:49 am

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
Phase 1: Collect Underpants.
Phase 2: ????
Phase 3: Profit!
B
16
S
5
G
4
Posts: 106
Reputation: 2,450

Post » Wed Aug 06, 2014 1:55 am

@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 :)
B
14
S
4
Posts: 190
Reputation: 1,735

Post » Wed Aug 06, 2014 4:25 pm

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!
B
5
S
1
Posts: 34
Reputation: 441

Post » Wed Aug 06, 2014 4:31 pm

This is on Chrome for Vista, by the way (not my computer :P). 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!
B
5
S
1
Posts: 34
Reputation: 441

Post » Wed Aug 06, 2014 6:12 pm

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
B
14
S
4
Posts: 190
Reputation: 1,735

Post » Thu Aug 07, 2014 3:54 am

vancouver wrote: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
B
5
S
1
Posts: 34
Reputation: 441

Post » Thu Aug 07, 2014 4:33 pm

@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.
B
14
S
4
Posts: 190
Reputation: 1,735

Next

Return to Works in Progress/Feedback Requests

Who is online

Users browsing this forum: No registered users and 5 guests