RoundArt is a static website in which users can use 3 sliders to create Mathematical art in a circle. It can be found at https://roundart.netlify.app.
This project was created as a learning opportunity for working with 2D graphics libraries (Two.js) as well as to appreciate the marriage between Mathematics and Art. In addition, RoundArt can be used to engage children to increase their appreciation for geometry, revise concepts like radius and circumference, introduce modular arithmetic and encourage pattern-finding.
The algorithm for creating the 2D image goes as follows:
- Draw a circle.
- Choose some number of points to draw on the circumference of the circle, such that these points are spaced evenly.
- Number the points on the circle starting from 1.
- Choose a multiplier that is not equal to 1.
- For each point, multiply its number by the multiplier and take its result modulo the number of points if necessary. The result will be the number of the point to be connected to the first point using a line.
The resulting artpiece depends on the number of points and multiplier selected by the user. Some possible outputs are as follows:
- HTML, CSS, JavaScript
- Two.js