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.

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 CodeCompletion for SublimeText2

Posted on January 12, 2013 by olsn

Today I was trying to scrape the EaselJS-Classes for their public methods and properties to generate an EaselJs-CodeCompletion for SublimeText2. I had some difficulties getting a unified set of information for each method/property because the code does not seem to be consistently documenten. But well, here’s the result: It’s far from perfect but it works. Please feel free to fork it and help to make it better.

Github: https://github.com/olsn/SublimeText2-EaselJS-Completion

DemoImage:

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: EaselJS