Temporal Reprojection Anti-Aliasing (TRAA)

[bhouston]

This is the method used by DICE's latest work as well as UE4.

There are two methods of doing this.

The first and simpler approach is to just use the delta camera transform to figure out the velocity vectors from the world positions.

The more advanced method is to render a velocity field for each object that also incorporates the camera transform, this allows capturing the object velocity of moving objects and the sub-object velocities of deforming objects (such as morphs and skins.) I would slowly build up to the more complex version of this.

The main implementation that people use is this one: https://github.com/playdeadgames/temporal

[bhouston]

Myself and @Threekit are pleased to put a bounty of $1000 USD on an accepted PR of a full implementation of TRAA in the spirit of PlayDeadGames.

Bonus $250 USD for a anti-aliasing example that has patterns like this and allows you to switch between the various Three.js antialiasing techniques - this allows one to easily debug AA methods:

[0beqz]

I've implemented a TRAA effect shader using velocities for reprojection and neighborhood clamping as well as planar distance comparison to deal with disocclusions in order to prevent temporal lag and smearing.
It's using postprocessing.js to manage passes.

TRAA
Basic comparison scene:

Demo scene

You can also compare how this high-poly model looks using the different AA techniques:

High-poly model demo scene

You can also compare the following AA methods: TRAA, MSAA, FXAA, SMAA and none/disabled

The repo is here: https://github.com/0beqz/realism-effects and here's the implementation: https://github.com/0beqz/realism-effects/tree/main/src/traa

You can import it via its npm module and use it with postprocessing.js like described here: https://github.com/0beqz/realism-effects#usage