Posts
Orbiting Pixels Utility
A p5.js interactive visualization that transforms images into dynamic grids of orbiting objects, where each object’s rotation phase and characteristics are mapped to pixel brightness values.
This program works by creating a grid of evenly-spaced points. Each points has a corresponding object that rotates about that point and is assigned characteristics such as rotation radius, shape, and color that corresponds to the same x and y position of a source image. The phase of each object’s rotation to the brightness value of the source image’s corresponding pixel. This project taught me a lot about JavaScript and made for some fun animations.