I’ve been trying variations with different images (sometimes preserving original color, sometimes false color that rotates as the vectors rotate), screen recording & speeding up, see nice lil looping vids in this twitter thread.
Fork of earlier “Brightness rotation” block, originally inspired by this blog post re: “waveform monitors” or w/e.
xxxxxxxxxx
<html>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<body>
<div class=pair>
<img src="stars.jpg">
<canvas></canvas>
</div>
</body>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="sylvester.js"></script>
<script src="script.js" charset="utf-8"></script>
</html>
https://d3js.org/d3.v4.min.js