Patreon Become a patron
10s
s
Separate your keywords using commas.
Layers
  • Background
  • Sketch
Choose A Sketch
Unsaved Changes

You have outstanding changes. How do you wish to proceed?

Playback Mode

How do you wish to play this animation?

You can change your mind at any time by clicking on the arrow next to the play button. When you save an image or a video it always includes every detail.

Animation Options
Looping
Video Rendering
FPS
85%
frames
Progress
Recording
0%
Export Picture
×
N/A
Rendering
Tip: Leave either the width or the height empty to minimize distortion caused by resizing.
Orientation
Orientation
Background
Progress
Rendering
Export Picture
  • Help
  • About this Sketch
Welcome to Mathematical Art With Elizabeth!

Mathematical art, also known as algorithmic art, generative art or creative coding is using geometry to make art. I've created a collection of sketches, each of which produces a simple figure as a starting point for creation. Your task is to adjust the parameters to create something visually appealing. The finished piece will combine my programming, your choice of parameter settings, and in some cases pseudorandom aspects generated by the computer. Most activities are initiated using either the parameters window (which will appear shortly) or the buttons located in the bottom-right corner. On mobile devices, click on Palette to reveal other buttons. Click on Help at any time to see this window again. Under About this Sketch at the top of this window you can read some introductory information about the current sketch. Use the "What's this?" button What's This? to get help with a particular item.

Animation
Use the parameters window to edit the image. You may need to scroll down to see some parameters. When you're happy with the result then click to capture the image for use as either the start frame Start Frame or the end frame End Frame. That picture will become either the starting point or the finishing point of the animation respectively. After you have one frame marked for animation then change the parameters to design a second image that you'd like to appear at the other end of the animation. Mark this image as an animation frame too. Once you have both a start frame and an end frame marked then you're ready to play back your animation Play. You can make the animation longer or shorter by clicking on the arrow next to the play icon. With a subsequent click on the More… button you can find more advanced animation options.

Saving

To save your animation as a video file click on Video. Alternatively, click Download to save the current image as a photo. You can even add an artist's signature to your creations by clicking in the bottom-left corner of the main display.

Other Icons
Sketch
Let's you choose a different sketch to experiment with.
Parameters
Opens or closes the sketch parameters window.
Dice
Creates a new image using a different set of random numbers (only available in certain sketches).
Layers
Opens the layers window, which lets you place a background behind your creation. You can also rotate and resize the sketch layer from here.
Getting Involved

If you find anything broken then please report it on GitHub. Feel free to make suggestions for future enhancements there too. I hope you enjoy the site, whether your interests are art, maths, entertainment, relaxing visual stimuli, or something else. If you want to and are able to then please consider supporting my work via Patreon or by sharing a link on social media.

Licence Agreement

This website may be used without charge subject to the following conditions.

  1. Images and videos produced by the software may only be used for non-commercial or educational purposes.
  2. If you distribute images or videos produced by the software to others, including as part of a derivative work, then you must include the text "Made with " in an 11pt font or larger and make it a hyperlink if possible.
  3. All computer code is copyright © Elizabeth Hudnott 2019–2022, except for third-party libraries found in /lib. All rights reserved.

Contact me via the app's Facebook page to arrange alternative licensing if you want to use images or videos for commercial purposes.

The background images were produced by highresolutiontextures.com and other free sites. This site contains icons licensed under CC BY 3.0 from fatcow.com and iconshock. You may use these backgrounds and icons in your own projects.

No sketch has been loaded yet.
You must accept the licence agreement to continue.