Art Of Math is a JavaScript and HTML5 canvas project which results in visual art. The application itself is simple and works by the browser loading and refreshing, but behind the scenes is a trigonometry algorithm which takes a random starting point, and targets a random end point, and draws a plethora of connecting and intersecting lines, which (depending upon your sense of aesthetic) produces artful visuals. Others might just see a mess, like pixie sticks being dropped.
The colors vary (only if I manually reset them, until I finish the application with something that automatically/dynamically randomizes it) as do the line style. The latter is a variation achieved by altering some parameters in the algorithm of the JavaScript file that draws on the canvas. The much larger JavaScript file contains some code blocks that I lifted from GitHub and repurposed for this feature, which the trig algo works on.
My goal is to eventually make some additional code that randomizes the algorithm and parameters in them, along with the CSS, by a user-interaction (clicking/tapping a button or something) and ability to convert to graphic file (png, jpg or gif) on demand. I’d like to offer this to the public to produce their own random “Arts Of Math” to download.
The cool thing about this is that the algorithm is set up to never allow for a duplicate image to be produced, no matter how many times the browser is loaded or refreshed — go ahead and waste your computer power and time trying to prove that wrong.
In the comment is a link to some of the works I’ve produced so far from the Art Of Math tool (which btw, I currently have to screen shot and then run the images though more effects in Adobe Photoshop and a secret app I have on my phone to make them more edgy looking like the ones in the end of this video.) I’ll add more works from time to time; there’s an email sign up form if you want to know when I pop more of these up, and a link to the tool is also there as well so you can play around with it yourself. It’s fun and even relaxing.
Also, I do sell the renderings in various print sizes.
Enough explaining, have a look if interested.
https://jtjwhite.com/art-of-math
#art #artAndTech #webProgramming #Artstr #MathArt #artOfMath #Math
jtjwhite / J. White
npub1cx…vy005
2024-03-26 02:36:02
Author Public Key
npub1cx8v6pa3hmuxxqpl5nn0wlvsuhfsrw59yjehthq7l85lgdfx6fesmvy005Published at
2024-03-26 02:36:02Event JSON
{
"id": "a4c72b3322255bd1a1ec9f5a4cf69ace7cef56672a0020108efc32990bec0faf",
"pubkey": "c18ecd07b1bef863003fa4e6f77d90e5d301ba8524b375dc1ef9e9f43526d273",
"created_at": 1711420562,
"kind": 1,
"tags": [
[
"t",
"art"
],
[
"t",
"art"
],
[
"t",
"artAndTech"
],
[
"t",
"artandtech"
],
[
"t",
"webProgramming"
],
[
"t",
"webprogramming"
],
[
"t",
"Artstr"
],
[
"t",
"artstr"
],
[
"t",
"MathArt"
],
[
"t",
"mathart"
],
[
"t",
"artOfMath"
],
[
"t",
"artofmath"
],
[
"t",
"Math"
],
[
"t",
"math"
],
[
"r",
"https://jtjwhite.com/art-of-math"
]
],
"content": "Art Of Math is a JavaScript and HTML5 canvas project which results in visual art. The application itself is simple and works by the browser loading and refreshing, but behind the scenes is a trigonometry algorithm which takes a random starting point, and targets a random end point, and draws a plethora of connecting and intersecting lines, which (depending upon your sense of aesthetic) produces artful visuals. Others might just see a mess, like pixie sticks being dropped. \n\nThe colors vary (only if I manually reset them, until I finish the application with something that automatically/dynamically randomizes it) as do the line style. The latter is a variation achieved by altering some parameters in the algorithm of the JavaScript file that draws on the canvas. The much larger JavaScript file contains some code blocks that I lifted from GitHub and repurposed for this feature, which the trig algo works on.\n\nMy goal is to eventually make some additional code that randomizes the algorithm and parameters in them, along with the CSS, by a user-interaction (clicking/tapping a button or something) and ability to convert to graphic file (png, jpg or gif) on demand. I’d like to offer this to the public to produce their own random “Arts Of Math” to download. \n\nThe cool thing about this is that the algorithm is set up to never allow for a duplicate image to be produced, no matter how many times the browser is loaded or refreshed — go ahead and waste your computer power and time trying to prove that wrong.\n\nIn the comment is a link to some of the works I’ve produced so far from the Art Of Math tool (which btw, I currently have to screen shot and then run the images though more effects in Adobe Photoshop and a secret app I have on my phone to make them more edgy looking like the ones in the end of this video.) I’ll add more works from time to time; there’s an email sign up form if you want to know when I pop more of these up, and a link to the tool is also there as well so you can play around with it yourself. It’s fun and even relaxing.\n\nAlso, I do sell the renderings in various print sizes.\n\nEnough explaining, have a look if interested.\nhttps://jtjwhite.com/art-of-math\n#art #artAndTech #webProgramming #Artstr #MathArt #artOfMath #Math",
"sig": "788441f2ff4cd09dcf4587b616324211a1f310d5f848f91b28399edeac7e1c7c1e43d08feb664d173fd7e670c6172a1fe630c601a403b1f28de134cc17f757f4"
}