AlgoArt.org is a digital platform that brings together Artists
and Technologists to create algorithmically generated visual designs and artworks. Using
our Creator Studio, you can generate your own unique artworks!
To see more artworks, please visit Our Gallery and select
your favorites! Also, visit our GitHub
Repo to create your own drawing algorithms using our framework!
To learn more about our drawing algorithms and platform, see the following videos:
Demonstration of Drawing Algorithms
Talk About How Our Platform Works
Credits
The AlgoArt Platform was developed by Swarthmore College faculty member Michael Wehar
and student researchers Xingyu (Kevin) Dong, Xinxin Li, Maya Newman-Toker, and Alyssa
Zhang. Special thanks to all friends and collaborators who offered help!
We will briefly introduce several features of the creator studio to help
you create your own artwork. If you forget what to do, you can always
visit these contents in the Help panel
at the bottom right. Have fun!
To start an artwork generation process,
click
on the left panel.
To pause an ongoing process, click
, which will appear on the left panel after a generation process is started.
To reset the parameters after
modifications, click
. If you have an ongoing generation process, the artwork will be paused.
To clear the canvas for another artwork,
click
.
To save the artwork you have created,
click
to download it!
Select an Algorithm
There are currently 9 available
algorithms; each of them provide
you with different parameters which you can later explore. Think of them as
templates: once you choose a template, you can then build features on top of it.
To select an algorithm, click one of these cards from the right panel:
Geometric Patterns
Wrapping Paper
You will have to log in to try algorithms besides the first two. Please join
us!
Adjust the Parameters
For each algorithm, you will have plenty of parameters which you can adjust. As
a general rule: if one of the parameters' name is being cut off, hover over to
see the full name.
Boolean Params
avoidIntersections
To adjust a boolean parameter, just simply click the checkbox to change it from
true to false, or vice versa.
Text Params (Numbers or Strings)
endpointRadius
To adjust a number/string parameter, enter the value you want in the text field,
then press Enter when you finish. The
placeholder of the text field will indicate the current value of the parameter.
Color Params (Input Type)
longBranchColor
To adjust a color parameter, select the color you want by first clicking the
color bar, then moving the dot on the color palette or entering the RGB
value manually.
List Params
stepChoicesY
To adjust a list parameter, click the arrow on the right and adjust value or
add/drop values in the dropdown menu. Notice that this is not a this-or-that
selection: all the values in the menu together make an effect.