Using Vertex Shaders to apply 2D deformation effects to a rendered 3D scene.
Background
A number of articles have been published recently about doing funky effects by rendering to an off screen texture map and then plastering the texture map onto a screen space quad and rendering the quad. A number of effects can be achieved with this
method: A recent x-box title, wreckless, used a number of different filters for creating a few different looks for playback of in game movies. There are a few problems that
I'm aware of with rendering to a texture. It stalls the rendering pipeline and
there is a potential large performance hit reading back from the texture map. The performance issues are reported
here,
and a slashdot discussion
debating the results, I haven't played with this enough to independently verify this. |
2D Deformations
I am not really sure how Photoshop implements these filters. But this rubber grid looks suspiciously like a tessellated quad with various distortion functions applied to it. Instead of just rendering a single screen space quad why not tessellate the quad and warp it. This is a fairly easy change to make, Just create a vertex array or display list where the uv coordinates vary over the surface from 0 to 1. The grid should not have to be extremely fine to get good results. When rendering use a vertex shader to distort the various points in hardware. Unless I start doing sine or cosine operations I've been able to keep a consistently high frame rate. Most of the details of the implementation are trivial but It keep in mind that if your distortion filters pull vertexes into the center of the screen you can wind up with the edge of the quad being visible, ruining the effect. There are a number of ways to get around this issue:
There are pros and cons to each option. A over renders but allows you to pull vertexes off the edge of the screen. B and C results in an effect that will not be able to touch the edges of the screen. I think it really is up to what kind of distortion you are going to want to apply. Additionally Vertex shaders are still rather limited in their instruction count, so don't expect to add a dozen features into each filter. Once read back speed is increased it would be an interesting next step to chain deformations together. The performance hit would probably be too severe at the moment. |
![]() original image (3ds max rendering ) |
|||
![]() Spherize |
![]() Sine wave applied to the verts |
||
![]() Twist filter |
![]() Compression Wave |
Download Animated Demo
(uses CG version 1.5)
Spherize Sample cg Code:
#pragma bind appdata.position = ATTR0 |
In case anyone is curious the sample image is a homage to Cubic Space Division by M. C. Escher with the advantages of a modern ray tracer, it's all really a bit of a geometric irony... which I will leave as an exercise for the reader.
Gedalia Pasternak | Gedalia has been playing with computer graphics and computer animation long enough to say "I remember when." He's just finished working on the Asheron's Call 2 engine, and is currently freelancing.