Phaser move filter

Recommended Posts

Dear community:

We are learning about phaser and we have a doubt for this forum. We are trying to develop a simple shoot game with a plane and enemies. The goal is that when a enemy is killed, a fire animation will be showed.


We did this with a spritesheet and the result is good but we want to improve the quality with this filter:


The problem is that we can't move the fireball effect over each enemy. The fire is always in the same position (left-bottom corner), and we can not change it.

Probably the problem is the opengl code but we are not sure.


Anyone can add this fireball effect to be showed when the enemy is killed?


I thing that this code will be useful for the developers as us.

Share this post

Link to post
Share on other sites

Here is an example you can further build upon:

You can for example make a fireBall object/class and when spawning them, set the "trigger"  value. The trigger number makes the fireball grow and shrink. Then after a while you can set the trigger value back to 0. The position of the fireball can be set just like in update(), but instead pass the coordinates of the enemy.
If you prefer just the fireball static:

you can adjust the intensity of the fireball by adjusting this inside the shader:

                "float color = 3.0 - (3.*length(2.*p));", //this sets the intensity of the fireball

The "blaze" can be adjusted in line 81:

                    "color += (1.5 / power) * snoise(coord + vec3(0.,-time*.05, time*.01), power*16.);", //original fireball


                    "color += (0.1 / power) * snoise(coord + vec3(0.,-time*.05, time*.01), power*16.);", //this will make it look like the sun

If you want a slightly different fireball, experiment with some the numbers inside, you can probably tweak it to some awesome effect.

Share this post

Link to post
Share on other sites

First, thanks for all, your code it's useful for us.

So, we have another question but, this time will be very easy.

Is possible to change the background color of the filter?

Because at now the look and fell is not good for us.

We want to remove the "black" background or set to transparent.


We are thankful 




Captura de pantalla 2017-09-12 a las 10.55.48.png

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.