---
title: "Roe · generative art"
description: "Constant change. Generative art plate #24 by Theodore Vorillas, drawn live in your browser from its code."
url: "https://vorillaz.com/lab/roe"
---

![](https://vorillaz.com/_astro/roi.CPliIJF7_Z2wKMwG.webp)

fig. #24 · rendered live in your browser from the code below

# #24 roe

Constant change.

- date

  2026.10.05

- tags

  generative-art · javascript

Two seams, a few thousand hairlines, one current that never runs the same way twice. Nobody leaves the frame; they are only born again.

## The field

```javascript title="roi.js"
const field = (x, y, t) => {
  x = map(x, 0, width, -5, 5);
  y = map(y, 0, height, -5, 5);
  const n = map(noise(x * 0.6, y * 0.6, t), 0, 1, -1, 1);
  const u = sin(5 * y + t) + cos(3 * y) + n;
  const v = sin(3 * x) - cos(5 * x - t * 0.7) + n * 1.4;
  return createVector(abs(u), v); // only ever downstream
};
```

## References

- Adapted from a p5.js flow-field sketch of painting agents and weighted palettes, redrawn in hairlines and this site’s ink.
- [Heraclitus, _panta rhei_](https://en.wikipedia.org/wiki/Heraclitus#Panta_rhei)