Posts
Nov 12, 2018
1 min read
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.
Launch this sketch is a new window (recommended)
Launch p5.js web editor
Connected Reading
Related entries
Chosen from shared tags, categories, and nearby section context.