I was at LILiK today, helping a friend of mine preparing a project for promoting the LILiK Day.
The project, really interesting, is about a browser version of the famous game “Fruit Ninja” working on real fruit. Crazy, right?

Actually, to make the fruit explode you have to touch real fresh natural fruit connected with a wire to the pc where this game run.

It’s just a prototype, but this is the first preview:

Fruit Ninja Clone

Fruit Ninja Clone

I thought it could be awesome to build an explosion effect using some tricky HTML5  with CANVAS.


Shooted particles

Shooted particles

Searching here and there on the web, I’ve found something good and put everything together here (DEMO after the code):

Let’s try the effect here:





One Comment

Post a comment
  1. Raf #
    June 4, 2014


    Thanks for the awesome effect, I am working on a html game similar to fruit Ninja and decided to copy your effect, after pasting it on my page, when clicking anywhere on the screen my fruit game disappears and the screens turns white just to display your effect!

    I’d like to use the effect without over raiding my content with a white background.


Leave a Reply

Basic HTML is allowed. Your email address will not be published.

Subscribe to this comment feed via RSS