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)

EaselJS Pixel Perfect Collision Detection for Bitmaps with Alpha Threshold

Posted on December 20, 2012 by olsn

I just finished the first version of a pixel perfect collision detection for EaselJS Bitmaps and BitmapAnimations.
Get it from Github: https://github.com/olsn/Collision-Detection-for-EaselJS

Here is an example (play around with the alpha threshold and toggle the detection mode):

// Rect Collision
var intersection = ndgmr.checkRectCollision(bitmap1,bitmap2);
// intersection is null if no collision, otherwise a {x,y,width,height}-Object is returned

// Pixel Perfect Collision
var collision = ndgmr.checkPixelCollision(bitmap1,bitmap2,alphaThreshold);
// true or false
// alphaThreshold default is 0, set to higher value to ignore collisions with semi transparent pixels

// Rect Collision

var intersection = ndgmr.checkRectCollision(bitmap1,bitmap2);

// intersection is null if no collision, otherwise a {x,y,width,height}-Object is returned

// Pixel Perfect Collision

var collision = ndgmr.checkPixelCollision(bitmap1,bitmap2,alphaThreshold);

// true or false

// alphaThreshold default is 0, set to higher value to ignore collisions with semi transparent pixels

indiegamr

apps, indie & beyond

Category Archives: js