[Plugin] Juicy: Simple Effects Plugin based on the "Juice it or Lose It" presentation

[codevinsky]

If you're not familiar with the presentation, it's vital that you go watch it: 

 

Now that you've done that, this plugin currently allows you to easily implement the following effects:

• Camera Shake
• Screen Flash
• Object Trails
• Over Scaling
• Mouse Stretch
• Jelly Effect

 

DEMO

 

SOURCE

 

I've made a pull request and I hope rich will merge it into the official repo.

 

 

[Hsaka]

Excellent stuff! 

[jpdev]

nicely done!

[george]

Nice! Good job!

[Mike]

I watched a good time ago and now seeing it implemented in phaser is awesome.

[Hsaka]

Hey, I tried the plugin but I'm seeing a strange artifact with the trail effect:

 

 

This only happens in WebGL mode.

 

[codevinsky]

Haha... Man...

 

That -is- weird.

 

 

Did you just rip the js code from the herokuapp site?

[Hsaka]

I took that screenshot while playing your demo on heroku. In my own game, if I force canvas mode it works, but I see the outlines of the individual triangles that make up the trail 

[codevinsky]

huh... what browser are you running?

[Hsaka]

Chrome 34. The same thing happens in firefox as well, so I guess it's a weird graphics card issue.

[presidenten]

Wow! Great work man! 

[alikoo]

great job !!!

[presidenten]

There are some issues though.

 

In many of the functions you accept arguments, but then you ignore them.

 

    Phaser.Plugin.Juicy.ScreenFlash = function(game, color) {

        color = color || 'white';

        var bmd = game.add.bitmapData(game.width, game.height);

        bmd.ctx.fillStyle = 'white';

 

 

Easy peasy to fix though, but it might be nice to get it fixed before a merge of the pull request.

[gingerbeardman]

I can't get screen flash to work in 2.2.2

 

Anybody?

[totallybueno]

gingerbeardman, I have it working perfectly with 2.3.0

[gingerbeardman]

gingerbeardman, I have it working perfectly with 2.3.0

Can you please post an example?

Thanks

[fariazz]

Really cool!!

[totallybueno]

Can you please post an example?

Thanks

 

 

Well, pretty simple code, I just created this two variables

this.juicy=this.game.plugins.add(new Phaser.Plugin.Juicy(this));this.screenFlash=this.juicy.createScreenFlash();this.add.existing(this.screenFlash);

and then I used them with this code

this.juicy.shake();

and

this.screenFlash.flash();

I didn´t try anything else but these two things are working even on mobile

[gingerbeardman]

OK, thanks!

 

I'll try it.

[totallybueno]

Let me know if you have any problem

[codevinsky]

If there are fixes that need to be made, the code now lives in the Phaser Plugins repo: https://github.com/photonstorm/phaser-plugins

[Shahmeer Khalid]

Can anyone please tell me that how can i use ball trial effect in my game?? 

[swastik]

Nice effects!

[swastik]

On 26/05/2015 at 3:43 PM, totallybueno said:

Let me know if you have any problem

can anyone help me with Trail? how do I add trail to any sprite?