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.
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’.
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.
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!
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 |
As probably many developers have already experience this over the past weeks:
I had a phonegap application for iOS that contained some visually animated components (a coverflow or a carousel for example). But after updating to iOS6 this is all flickring now and it feels horrible because it’s just stumbling and faltering on the new version of the OS.
There are several reasons for this and I cannot say which were already there in iOS5, however here are the two main reasons and instructions on how to fix that: Continue reading
