1/N Some folks asked me to share my setup in #UE5 for how I used #Niagara to generate tiling ocean waves using Fast Fourier Transforms. This thread will hopefully shine light on the process and serve as a guide to those wanting to do the same. #gamedev #realtimevfx
The method for generating tiling ocean waves using FFTs can be summed up in these steps.
1. Precompute the h0 lookup table where each texel contains the encoded values needed to represent a wave. Its called h0 because that's the variable Tessendorf gave it in the original paper. Image
Everything needed for the sim is stored in this texture. From it, a wave's speed, magnitude, direction and frequency can be derived based on the Texel's location and the data stored within. The dark areas are from a "spectrum" that is multiplied to produce realistic ocean waves.
2. Precompute the "Butterfly Texture" which is essentially a lookup table that is designed for fast computation of the IFFT Algorithm on the GPU. The size of the texture is log2(N)xN - so a 512x512 grid would result in a 9x512 texture. Below is stretched for visualization. Image
3. Now, every frame I update the Fourier components so they animate with time, then they go through the horizontal, then vertical IFFT operations. This series of operations produces the 3D Displacement map that I use to derive normals and offset the geometry.
4. For foam, I take the Jacobian of the displacement which does a really good job of detecting when the vertices "loop" in on themselves due to excessive displacement. When this happens, I add foam, which is diffused and dissipated over time. I store it in the alpha of disp. map
5. Splashes are done by spawning particles where the foam goes above a specific threshold. They get an initial velocity that is in the direction of the wind, but that whole system can be improved with better math.

Here's an overview of the whole emitter that generates the FFT. Image
Here's the paper by Tessendorf
people.cs.clemson.edu/~jtessen/repor…

And here's the paper I referenced heavily for how to do the IFFT op on GPU.
tore.tuhh.de/bitstream/1142…

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Ryan James Smith

Ryan James Smith Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @OverdrawXYZ

Apr 4
1/6 A year and a half later, I finally finished my black hole project. #madewithunreal and now powered by #Niagara, this shader/sim implements physically correct gravitational lensing, which bends the light in all kinds of groovy ways! #gamedev #realtimevfx #astronomy #UE4 #UE5
2/6 A weird phenomena of gravitational lensing is the photon-sphere. @ScienceClic hooked me up with the equations I needed to represent this. When done correctly, zooming the camera in yields the same image repeat over and over to infinity (it gets small though)!
3/6 The accretion disk was my main focus this time around. I ended up learning how to write fluid solvers because I didn't want a static texture that was just warping around the event horizon. I wanted something alive, dynamic and violent.
Read 6 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(