Art + Code = 🌎💖🌀👽☯
Published: 2021-03-31 17:56:58

Javascript is 25 years old and has a wide range of applications. As a student at flatiron school, my extent of javascript knowledge comes in the form of web applications. But I was curious to learn more about what javascript can do. 
Looking back at my college years, I took a course that used the Java-based software called Processing.org. As I learned javascript I wasn't reminded of the possibilities of javascript until I saw the previous cohorts' projects, which were primarily game-based. And it took me back to the java projects I had created back in 2010. 
https://youtu.be/ZS_2YorRsfo
This video shows a game that's objective is to 'pop' all of the floating boxes. Starting as a grey dot in the middle, use the up, down, left, right arrows on the keyboard to move around the gameboard and 'pop' all of the floating boxes.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rki32lv0wtouwlcvz08a.png)
In another project, I had used a photograph to 'pull' out all of the color values, or frequencies, and display the top values in a rectangle grid below the image. 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qzhgwb8fagaru4fo8f43.png)
[Processing.org[(https://processing.org/) is an open-source community of code that is primarily used for art and data visualizations. I was curious to see what changes had been made with the platform, as well as current projects created. That is when I discovered p5.js, which is a "JavaScript library for creative coding, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else! [p5.js](https://p5js.org/) is free and open-source because we believe software, and the tools to learn it, should be accessible to everyone."
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7aoha7uu5yh04gzz5lkm.png)

Looking further at the p5.js 2020 showcase, I found that most projects used ruby/ruby on rails as the backend and javascript through react as the front end! This is exactly what I will be learning in phase 4 of my studies at flatiron school. I was impressed by the many creative applications of java and javascript. Here is one example of an artist, named JPL, that incorporated chrome extensions, typography, and computational design. You can view their project [here](https://blog.jpl.design/posts/s20/pixel-by-pixel/cyberflowers/)
portfolio 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sw6u84tvbdo0cv1twd2n.png)
code
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yu08hekbwieuv9ehex3o.png)
When creating art through java and javascript, there is less use of functions that display HTML elements to a webpage and more application of functions that create artistic designs that use variables that require math. 

This intersection of art and code is a representation of the intersectionality of people who code. P5.js sees inclusivity and intersectionality as a necessity within the world of code "We are a community of, and in solidarity with, people from every gender identity and expression, sexual orientation, race, ethnicity, language, neuro-type, size, disability, class, religion, culture, subculture, political opinion, age, skill level, occupation, and background. We acknowledge that not everyone has the time, financial means, or capacity to actively participate, but we recognize and encourage involvement of all kinds. We facilitate and foster access and empowerment. We are all learners."

The convergence of art and code is everywhere, from simple front-end design to complex interactive data visualizations. It is important to continually think about the human art experience through coding, and the impact art has on all aspects of life. Both art and code are representations and projections of the human experience, and to limit ourselves is a detriment to humanity.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zl4r9wqpw98uex5t7zae.png)
[hanif digitalMirror02](https://openprocessing.org/sketch/867999)


sources:
processing.org
p5js.org
blog.jpl.design/posts/s20/pixel-by-pixel/cyberflowers/
openprocessing.org/user/108498?view=sketches#sketches