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.
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.
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!
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: 
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):
|
1 2 3 4 5 6 7 8 |
// 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 |
I know it’s been out for a week now, but I guess I can still mention it:
EaselJS 0.5.0 is out now:
http://www.createjs.com/#!/EaselJS
Check Out the Changelog here:
https://github.com/CreateJS/EaselJS/blob/master/VERSIONS.txt