Quick-Settings Iterator

Kieran
Sagar
Parikh

date
fall 2023
tech
JavaScript

Quick-Settings Iterator is a library to visualize the change in parameter values over time, making it easy for artists explore the parameter spaces of their sketches.

Motivation

Generative art sketches are often created with code that draws according to input parameters, where changing these parameters can change the output image.

disturbance-0

0

disturbance-40

40

disturbance-100

100

disturbance-200

200

The same sketch with different values for the "Disturbance" parameter.

To add a simple UI to adjust parameters, I use quicksettings by bit101. However, this requires manual work to see all the possibilities.

What if there were an automatic way to visualize the entirety of a sketch’s parameter space?

Initial Approach

I thought it would be interesting to try animating the change in parameters over time.

To do this, I created my own fork of the quicksettings repo, and implement a simple function to increase each parameter by one each time step.

Iteration Modes

Hierarchical: The parameters are arranged in a hierarchical order, and the lower parameters must iterate through all values before a higher parameter's value is changed.

Sequential: Each parameter is updated independently, with all values presented for a single parameter before moving on to the next parameter.

Random: Random values are chosen for each parameter on every iteration.

Demo

← Previous Project

Generative Lino

Next Project →

Sketchbook