Feiyang Zhou
Gallery

Hybrid Clips 2024 2 of 12

Canvas UI drawn in particles

Panels and even a pannable map, rendered entirely as GPU particles.

Instancing a canvas UIUI panels assembling out of GPU particles.
A texture's grayscale or alpha drives the pop-upAlpha and grayscale control over the particle panels.
Pop-up depthDepth control of the particle panels.
Map panA map rendered as particles being panned.
Map zoomA map rendered as particles being zoomed.

An attempt at a game UI composed of dots, using Visual Effect Graph in Unity. Panels, controls and a map that stays dynamic while you pan and zoom.

For the map, a camera above the terrain uses a custom renderer to extract a depth texture, which feeds the VFX as a render texture. The canvas UI samples a render texture with bounding-box information as UVs. The points start from a point cache made in Houdini: random scattering, then many iterations of relaxing for an even distribution.

Tools

  • Unity VFX Graph
  • Houdini

Do not press

This lets the cat loose on the page for 30 seconds. It will press things and knock the page about. You can stop it any time by grabbing the cat. Everything goes back afterwards.

Stop the cat?

Everything goes back where it was.