SoundJS 0.5.2 Audio Plugin for CocoonJS 1.4.7

Posted on March 30, 2014 by olsn

I just updated the CocoonJSAudioPlugin.js to work with SoundJS 0.5.2 and CocoonJS 1.4.7

How to use: Just put the CocoonPlugin as the first entry to register and you can use everything else of the SoundJS-library just as is in CocoonJS now.

 createjs.Sound.registerPlugins([createjs.CocoonJSAudioPlugin]);

1	createjs.Sound.registerPlugins([createjs.CocoonJSAudioPlugin]);

Playing the same sound multiple times parallel/overlapping: You will have to set the maximum number of parallel sounds in the register-method:

  //this will allow me to play 3 parallel instances of jump.ogg
  createjs.Sound.registerSound('jump.ogg','jump', 3);

1 2	//this will allow me to play 3 parallel instances of jump.ogg createjs.Sound.registerSound('jump.ogg','jump', 3);

Fading Waves Effect with EaselJS

Posted on May 15, 2013 by olsn

Today I made a basic JavaScript-version of my flash waves-effect, that I made a couple years back.

direct link: http://labs.indiegamr.com/olines/index.html

For bluring I used this filter: Link – but still: For those kind of operations HTML/JS is unfortunately still way behind flash in terms of performance.

The state of Audio in HTML5 Games

Posted on April 26, 2013 by olsn

HTML5 Gaming for desktop and mobile is a very trendy topic these days. The performance of canvas applications is getting better and better each day and technologies like CocoonJS or Ejecta even enable a close to native performance for canvas applications on mobile devices. – But what about audio? Is it really that easy to implement sound with your html app?
This article features some interesting points that I collected while researching for my eBook ‘From Zero to the Appstore’.

Audio != Audio

While most browsers and devices already do support audio in general, that doesn’t mean you can just play any audio file in any modern browser. The following table briefly lists the support for Audio-codecs.

Continue reading →

Quickfix to enable touch of EaselJS-DisplayObjects in CocoonJS

Posted on March 16, 2013 by olsn

So while on the Stage touch is working for EaselJS in CocoonJS, it is currently not possible to touch individual EaselJS-DisplayObjects in CocoonJS. I wrote a quick fix for that, in case anyone else needs it.

Download: easeljs_cocoonjs_touchfix.js

(updated version to work with EaselJS 0.7+, thx to Jonny)
How to use: Download JS-fix and implement it through a script-tag somewhere after the EaselJS-script-tag and your done!

Hope this helps someone, comment for any issues,cheers!

If you use an older version of EaselJS: easeljs_cocoonjs_touchfix_pre_0.7.js (for pre-EaselJS 0.7)

“Can you make that loading screen stay longer?”

Posted on January 6, 2013 by olsn

Or in other words: When everything that can be wrong with a client is wrong! – The client had already made a couple requests that seemed odd or made no sense in my eyes, but this one really sums up the nature of this client in one word.
I’m currently working on a Phonegap App and the client’s latest request was to add a loading-screen to the app(not for initial loading), so we added a loading-screen.
We didn’t think that one was necessary, but okay…the client wants a loading screen, so he gets one. Don’t get me wrong here, it’s not a splash-screen, it’s really just a loading-screen: a white screen, that says “loading…”
But it didn’t stop there: When he saw the thing implemented his reaction was like: “It dislays for less than a second, that makes the loading-screen seem kind of pointless. Can you make it stay longer?”

Long story short: This is probably the most senseless piece of code I have ever written and most likely will ever have written:

onComplete = function(e) {
  //...doing some other stuff

  // at this point everything is
  // loaded and ready to go
  // ...but ... you know ... the client ...
  setTimeout(
    function() {
      $('#loadingCover').hide();
    }, 3000
  );
}

onComplete = function(e) {

//...doing some other stuff

// at this point everything is

// loaded and ready to go

// ...but ... you know ... the client ...

setTimeout(

function() {

$('#loadingCover').hide();

}, 3000

);

}

indiegamr

apps, indie & beyond

Category Archives: html5