Attempt on improving game visauls

Everything about ToME 4.x.x. No spoilers, please

Moderator: Moderator

Message
Author
Suslik
Spiderkin
Posts: 481
Joined: Wed Aug 22, 2012 4:41 pm

Attempt on improving game visauls

#1 Post 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
Last edited by Suslik on Thu May 22, 2014 3:04 am, edited 17 times in total.

Doctornull
Sher'Tul Godslayer
Posts: 2402
Joined: Tue Jun 18, 2013 10:46 pm
Location: Ambush!

Re: Attempt on improving fire visuals

#2 Post 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.
Check out my addons: Nullpack (classes), Null Tweaks (items & talents), and New Gems fork.

HousePet
Perspiring Physicist
Posts: 6215
Joined: Sun Sep 09, 2012 7:43 am

Re: Attempt on improving fire visuals

#3 Post 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.
My feedback meter decays into coding. Give me feedback and I make mods.

Suslik
Spiderkin
Posts: 481
Joined: Wed Aug 22, 2012 4:41 pm

Re: Attempt on improving fire visuals

#4 Post 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

HousePet
Perspiring Physicist
Posts: 6215
Joined: Sun Sep 09, 2012 7:43 am

Re: Attempt on improving fire visuals

#5 Post 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:
My feedback meter decays into coding. Give me feedback and I make mods.

Suslik
Spiderkin
Posts: 481
Joined: Wed Aug 22, 2012 4:41 pm

Re: Attempt on improving fire visuals

#6 Post by Suslik »

Uploaded new effects, their shaders and textures to zero post.

Crim, The Red Thunder
Sher'Tul Godslayer
Posts: 2000
Joined: Fri May 07, 2004 8:26 pm
Location: Nahgharash

Re: Attempt on improving fire visuals

#7 Post 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?
Last edited by Crim, The Red Thunder on Wed Jul 17, 2013 6:10 pm, edited 1 time in total.
Currently playing under the name Aura of the Dawn 4 down, 227 to go!
Proud author of Orc Pit Restoration Project, Faction Allies, Dwarven Adventurer addons
SadistSquirrel wrote:DarkGod has two arms, one with an opened hand, one with a closed fist. You got the fist.

Suslik
Spiderkin
Posts: 481
Joined: Wed Aug 22, 2012 4:41 pm

Re: Attempt on improving fire visuals

#8 Post by Suslik »

Hmm, interesting! I have not thought about that effect. Though I have some troubles imagining how it could look =(

Crim, The Red Thunder
Sher'Tul Godslayer
Posts: 2000
Joined: Fri May 07, 2004 8:26 pm
Location: Nahgharash

Re: Attempt on improving fire visuals

#9 Post 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.)
Currently playing under the name Aura of the Dawn 4 down, 227 to go!
Proud author of Orc Pit Restoration Project, Faction Allies, Dwarven Adventurer addons
SadistSquirrel wrote:DarkGod has two arms, one with an opened hand, one with a closed fist. You got the fist.

Suslik
Spiderkin
Posts: 481
Joined: Wed Aug 22, 2012 4:41 pm

Re: Attempt on improving fire visuals

#10 Post 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

CaptainTrips
Wyrmic
Posts: 227
Joined: Thu Mar 10, 2011 9:10 pm

Re: Attempt on improving fire visuals

#11 Post by CaptainTrips »

Somebody make an Elemental Angel/Demon class, now. Do it!

Doctornull
Sher'Tul Godslayer
Posts: 2402
Joined: Tue Jun 18, 2013 10:46 pm
Location: Ambush!

Re: Attempt on improving fire visuals

#12 Post by Doctornull »

Those wings are gorgeous.
Check out my addons: Nullpack (classes), Null Tweaks (items & talents), and New Gems fork.

Crim, The Red Thunder
Sher'Tul Godslayer
Posts: 2000
Joined: Fri May 07, 2004 8:26 pm
Location: Nahgharash

Re: Attempt on improving fire visuals

#13 Post 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.
Currently playing under the name Aura of the Dawn 4 down, 227 to go!
Proud author of Orc Pit Restoration Project, Faction Allies, Dwarven Adventurer addons
SadistSquirrel wrote:DarkGod has two arms, one with an opened hand, one with a closed fist. You got the fist.

rexorcorum
Graphical God
Posts: 482
Joined: Wed Jan 05, 2011 8:05 am
Location: There and Back again

Re: Attempt on improving fire visuals

#14 Post 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 :)
Last edited by rexorcorum on Thu Mar 02, 2017 7:30 pm, edited 1 time in total.
~ [ RexOrcorum, a.k.a "rexo": Official Visual Magus, Addon Beautifier, Achiever, Knight of the 561 Trees, Dark Interfacer ] ~
darkgod wrote:~ [ DarkGod whips rexorcorum with Suslik (& many others as well) ] ~

Crim, The Red Thunder
Sher'Tul Godslayer
Posts: 2000
Joined: Fri May 07, 2004 8:26 pm
Location: Nahgharash

Re: Attempt on improving fire visuals

#15 Post 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:
Currently playing under the name Aura of the Dawn 4 down, 227 to go!
Proud author of Orc Pit Restoration Project, Faction Allies, Dwarven Adventurer addons
SadistSquirrel wrote:DarkGod has two arms, one with an opened hand, one with a closed fist. You got the fist.

Post Reply