Page 1 of 3

Attempt on improving game visauls

Posted: Tue Jul 16, 2013 6:43 pm
by Suslik
After adding some shield shaders and fire-based effects I started working in team with rexorcorum who made sketches/mockups and textures for me while I programmed the shaders. Here's the result of our work, hope you enjoy it in-game:

Celestial Explosion aka Almagest:
http://www.youtube.com/watch?v=cP0MuWJNY1w

Explosive fireball:
http://www.youtube.com/watch?v=UZ633IDpyuo

Fire vortex:
Image

Fireball:
Image

Fireball(deprecated):
Image

Flame aura(generated procedurally for any sprite):
ImageImageImage

Flame wings:
Image
Cold variant:
Image

Sun aura:
Image

Explosion shockwave:
Image

Not a fire effect but still:
Image

Probably my favourite shader, no one knows what that is:
Image

Healing shader:
Image

Lightning shield:
Image

Runic shields:
Image

Target shader:
Image

Explosion(still under development):
Image

Minor flame aura effect:
Image

Circular flame aura effect:
Image

Double circle flame aura(flames of ur'hok?):
Image

Double opposing flame aura:
Image

Resources may be outdated and the most recent effects were integrated straight into the game without posting them to the forum so no resources are listed for them.

Now the shaders + particles(sometimes necessary) for each of those:

Circular flame:
https://dl.dropboxusercontent.com/u/256 ... hield.frag
https://dl.dropboxusercontent.com/u/256 ... shield.lua

Double circular flame:
https://dl.dropboxusercontent.com/u/256 ... hield.frag
https://dl.dropboxusercontent.com/u/256 ... shield.lua

Double opposing flame:
https://dl.dropboxusercontent.com/u/256 ... hield.frag
https://dl.dropboxusercontent.com/u/256 ... shield.lua


Minor flame aura:
https://dl.dropboxusercontent.com/u/256 ... hield.frag
https://dl.dropboxusercontent.com/u/256 ... shield.lua

Flame wings:
https://dl.dropboxusercontent.com/u/256 ... hield.frag
https://dl.dropboxusercontent.com/u/256 ... shield.lua

Explosion shockwave:
https://dl.dropboxusercontent.com/u/256 ... hield.frag
https://dl.dropboxusercontent.com/u/256 ... shield.lua (numerous uniforms)

Now the textures. Every effect can use a texture like this one:
Image
https://dl.dropboxusercontent.com/u/256 ... ireALL.png

Here's the list of universal textures that can be used with any shader:
https://dl.dropboxusercontent.com/u/256 ... 0flame.png
https://dl.dropboxusercontent.com/u/256 ... 0flame.png
https://dl.dropboxusercontent.com/u/256 ... 0flame.png
https://dl.dropboxusercontent.com/u/256 ... 0flame.png

And the effects that are using two colors(like double circle and opposing flames shield) use textures like this:
Image
https://dl.dropboxusercontent.com/u/256 ... etest3.png

I had to use such double textures because using a white texture and applying a color to it in shader turned out lame.

Effects that come with unique textures:

Advanced fireball:
https://dl.dropboxusercontent.com/u/256 ... hield.frag
https://dl.dropboxusercontent.com/u/256 ... shield.lua
https://dl.dropboxusercontent.com/u/256 ... hield2.png
https://dl.dropboxusercontent.com/u/256 ... th_red.png (alternative texture)

Sun aura:
https://dl.dropboxusercontent.com/u/256 ... 20ring.png
https://dl.dropboxusercontent.com/u/256 ... hield7.png

Explosion:
https://dl.dropboxusercontent.com/u/256 ... hield.frag
https://dl.dropboxusercontent.com/u/256 ... shield.lua
https://dl.dropboxusercontent.com/u/256 ... hield2.png

Whirlwind/Bladestorm:
https://dl.dropboxusercontent.com/u/256 ... lames.frag
https://dl.dropboxusercontent.com/u/256 ... nd/ice.lua
https://dl.dropboxusercontent.com/u/256 ... flames.lua
https://dl.dropboxusercontent.com/u/256 ... eneric.png

Fire vortex:
https://dl.dropboxusercontent.com/u/256 ... hield7.png
https://dl.dropboxusercontent.com/u/256 ... shield.lua
https://dl.dropboxusercontent.com/u/256 ... hield.frag

Re: Attempt on improving fire visuals

Posted: Tue Jul 16, 2013 9:33 pm
by Doctornull
Good stuff!

How about some differently oriented circles?
- On the ground, as a cylinder wrapped around the feet. (Or is that what the minor aura is? it looks more like a sphere than a cylinder.)
- Over the head, like a halo or crown, in a cone.

How about flames which are rendered BEHIND the character? Might be useful for thematic sustains which are not literally setting the square on fire. Not sure what shape would be best, a circle or oval seems obvious.

Re: Attempt on improving fire visuals

Posted: Wed Jul 17, 2013 2:34 am
by HousePet
How about a flame burst erupting from the ground and one falling from the sky onto the target?
Both with an optional flamey shockwave effects for radius effects.

Also could do with a blood red and black version (with some alpha) of the flame texture for shadowflame/demonfire and stuff like that.

Re: Attempt on improving fire visuals

Posted: Wed Jul 17, 2013 7:52 am
by Suslik
@Doctornull
> How about flames which are rendered BEHIND the character?
Well, that's pretty impossible on my side - DG has to change sprite rendering order to accomplish it. But think it's well worth it, because there's a vast potential of auras behind character.
> Also could do with a blood red and black version (with some alpha) of the flame texture for shadowflame/demonfire and stuff like that.
Yup, that's definitely gonna happen

@HousePet
> How about a flame burst erupting from the ground and one falling from the sky onto the target?
Hmm.. I think I can do two flames, let's say, black and violet, opposed to each other. It may look good, thanks! /me pets him

Re: Attempt on improving fire visuals

Posted: Wed Jul 17, 2013 9:28 am
by HousePet
Just to clarify, I wasn't after a burst of flame erupting from the ground and falling from the sky in the one vfx... :lol:

Re: Attempt on improving fire visuals

Posted: Wed Jul 17, 2013 3:17 pm
by Suslik
Uploaded new effects, their shaders and textures to zero post.

Re: Attempt on improving fire visuals

Posted: Wed Jul 17, 2013 4:32 pm
by Crim, The Red Thunder
Have we thought about some AoE ones that might work better then the current 'autumn leaves' for a fire storm effect (Like what Varsha and Uruivellas currently do?) Or do those already look better with shaders and I'm just not aware of it?

Re: Attempt on improving fire visuals

Posted: Wed Jul 17, 2013 5:08 pm
by Suslik
Hmm, interesting! I have not thought about that effect. Though I have some troubles imagining how it could look =(

Re: Attempt on improving fire visuals

Posted: Wed Jul 17, 2013 6:16 pm
by Crim, The Red Thunder
A spiraling swirl of fire sounds about right. Something that looks more like 'fire' then 'autumn leaves'. Issue is transparency/thickness/whatever, so you can still see what's going on around it.

Possibly thicker towards the center with some sort of 'eye' in the storm showing the creature generating it. Draw a few lines out from it (spaced relatively evenly), attach some fire particles, and rotate the whole thing in a swirl. Dunno how you would go about doing that, but something that looks better then our current effect is really necessary at some point. For brownie points, make the fire fade more towards the edges, though that's probably pushing GPU's and the limits of the existing particle system. Damned if I know what can/cannot be done. Feel free to tone the idea down.

(A better ice particle effect then 'bubbles' might be nice too, if you want to spread out from fire. I rather like the bubbles for things like poison, but it doesn't really look nice for ice.)

Re: Attempt on improving fire visuals

Posted: Thu Jul 18, 2013 4:03 pm
by Suslik
Ok, dg. These are some wings for ya:
https://dl.dropboxusercontent.com/u/256 ... hield.frag
growRatio - change this uniform to make them grow(0.0 to 1.0)
ellipsoid
aadjust is currently ignored but I can make it active.
color is ignored as well because it's better to make a texture of each color instead of applying color to a white texture.
Particle with somewhat centered wings:
https://dl.dropboxusercontent.com/u/256 ... shield.lua

You can use any of these textures:
https://dl.dropboxusercontent.com/u/256 ... flame2.png
https://dl.dropboxusercontent.com/u/256 ... 0flame.png
https://dl.dropboxusercontent.com/u/256 ... 0flame.png
https://dl.dropboxusercontent.com/u/256 ... 0flame.png
https://dl.dropboxusercontent.com/u/256 ... 0flame.png

And here's how it looks:
Image

Re: Attempt on improving fire visuals

Posted: Thu Jul 18, 2013 4:58 pm
by CaptainTrips
Somebody make an Elemental Angel/Demon class, now. Do it!

Re: Attempt on improving fire visuals

Posted: Thu Jul 18, 2013 6:25 pm
by Doctornull
Those wings are gorgeous.

Re: Attempt on improving fire visuals

Posted: Thu Jul 18, 2013 6:48 pm
by Crim, The Red Thunder
Flame of UhrRok is obviously a callout to Balrog form. I demand wings be added to it, as real demons should have wings of fire and darkness.

Also, noone appears to have suggested wings in this topic, so Thank you DG for that. Now we can just apply them to any number of upcoming races. Sooooo many uses. ;)

And yes. Awesome awesome wings. Awesome.

Re: Attempt on improving fire visuals

Posted: Fri Jul 19, 2013 9:22 am
by rexorcorum
Yesterday Suslik tricked me to make some variations for the gradients of the fiery wings gfx. So, here are the results so far:

Image
Blue-greenish, tweaked hue of the original gradient

Image
Purplish, tweaked hue of the original gradient

Image
the LSD rainbow, for Suslik with love :)

Image
First attempt on dark flames, not so good, but worth posting

Image
Blood flames, in Suslik's own words

Image
Some colours test with a default gradient in PS

Image
More violets

Image
Darkness and shadows, wooo

Image
More darkness

Image
Even more

Image
... and the White

Image
Light wings

Image
Light wings with bloody stains

Image
The sick wings

Image
And lastly - the sickly green :)

Re: Attempt on improving fire visuals

Posted: Fri Jul 19, 2013 2:19 pm
by Crim, The Red Thunder
Light wings with bloody stains for Areyn the Fallen Sun Paladin!

I don't care if it makes no sense, DO IT! :wink: