Tell me more ×
Game Development Stack Exchange is a question and answer site for professional and independent game developers. It's 100% free, no registration required.
up vote 13 down vote favorite
13

What are some good examples of procedural or screen-space pixel shader effects? No code is necessary; I'm just looking for inspiration.

In particular, I'm looking for effects that are not dependent on geometry or the rest of the scene (so they would look okay rendered alone on a quad) and are not based on image processing (they don't require a "base image," though they can incorporate textures). Multi-pass or single-pass is fine. Screenshots or videos would be ideal, but ideas work too.

Here are a few examples of what I'm looking for (all from the RenderMonkey samples): alt textalt text alt textalt text

I'm aware of this question; I'm not asking for a source of actual shader implementations but instead for some inspirational ideas -- and the ones at the NVIDIA Shader Library mostly require a scene or are image processing effects.

share|improve this question
Can you actually do things like that procedurally, without a base? This is certainly new and interesting to me. – The Communist Duck Aug 10 '10 at 13:45
@The Communist Duck - All these examples come from RenderMonkey, so you can see how they're done. The "base" is typically a noise image (the first three use a volumetric noise while the fourth is a fluid dynamics simulation that spawns fluid on the velocity and density textures where the user clicks and simulates (across 23 passes...) from there. It's also possible to go completely procedural (ie a pattern), but the GPU is limited in it's generation of random numbers, so noise images generated offline are typically better. – Fraser Aug 13 '10 at 22:37

closed as not constructive by Nicol Bolas, Tetrad♦ Jan 16 '12 at 19:24

As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or specific expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, see the FAQ for guidance.

7 Answers

up vote 22 down vote accepted
+100

Interior mapping is a pretty awesome effect. It takes a boring flat quad and makes it look like a building with interiors, all entirely within the pixel shader. It's semi-procedural in that some of the assets are hand-crafted, but the shader places them procedurally.

alt text

share|improve this answer
1  
Sweet... bacon... Jesus that's awesome. – Fraser Aug 15 '10 at 8:11
Definately have to incorporate that into my next app ;) – Rushyo Aug 16 '10 at 6:46
Wow, If I can put that in Cube 2 engine, I would be able to remake my portfolio demo, make it faster, AND prettier (it EATS your processor with manually modelled buildings around the building that you actually play inside) – speeder Aug 17 '10 at 6:11
Awarding the bounty to this one, but thanks to everyone else who provided suggestions! – Fraser Aug 19 '10 at 20:58
The pdf-link is down. May you ensure its existence, please? – Michael Jan 16 '12 at 16:12
show 1 more comment
up vote 5 down vote

Check out Facewound. In particular look at the examples in the shader tutorial.

share|improve this answer
That's pretty awesome, but they mostly seem like image processing effects – Fraser Aug 9 '10 at 4:03
up vote 5 down vote

For great inspiration don't forget to checkout the oldskool demo effects. Things like plasma, fire, copperbars, warps, lenses, rotozoomers come to mind.

Of course it would require some porting on your end, but thats a challenge i guess.

Here's a nice resource with some effects and the sourcefiles: http://www.oldskool.org/demos/explained/demo_graphics.html

share|improve this answer
Totally forgot about the demoscene. The 18-bit color one, in particular, might make a sweet image processing effect. I also totally forgot about fractals -- I've seen an HLSL mandlebrot; I wonder what others could be made into shaders. – Fraser Aug 15 '10 at 8:10
up vote 2 down vote

There is a great set of shader examples here

Some great stuff you can build on and draw inspiration from.

share|improve this answer
That's a pretty sweet site! Most seem like ye olde lighting/refraction/etc, but some of those materials look cool – Fraser Aug 16 '10 at 5:18
up vote 2 down vote

ShaderToy is a WebGL shader renderer which shows different shaders in your browser. It has many examples, and you can edit the examples and compile them on the fly! I've spent hours playing with it :)

You will need WebGL running in your browser, though. Chrome is probably your best bet at the moment.

share|improve this answer
up vote 1 down vote

Also have a look at software like Mental Mill. It allows node based shader programming with math operations. Add a bunch of random waves and images and see what comes out the other end. Can often find out far more from the process than images i find ("hey this looks like lightning swarms").

share|improve this answer
Yup! I'm actually asking this b/c I'm working on a similar (open-source) tool (though slightly different audience) – Fraser Aug 16 '10 at 5:14
Cool, the technique is usually referred to as "splicing" , and "abstract shader tree" type technology. There are also things like mapzoneeditor.com which have great reference. – FuzzYspo0N Aug 16 '10 at 8:43
up vote 1 down vote

If you have a copy of the original Unreal, you can go through the texture packs in the editor and see all the neat effects. They're similar to the examples you posted in the original question.

share|improve this answer

Not the answer you're looking for? Browse other questions tagged or ask your own question.