Skip to content

Instantly share code, notes, and snippets.

@tophtucker
Last active January 28, 2018 22:52
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save tophtucker/791bab81ec3b006ab90ce860a3df4594 to your computer and use it in GitHub Desktop.
Save tophtucker/791bab81ec3b006ab90ce860a3df4594 to your computer and use it in GitHub Desktop.
Hue rotation

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.

<!DOCTYPE html>
<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>
View raw

(Sorry about that, but we can’t show files that are this big right now.)

View raw

(Sorry about that, but we can’t show files that are this big right now.)

View raw

(Sorry about that, but we can’t show files that are this big right now.)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment