ASA 2022 STEAM EXPO

PROJECT SUMMARY

How can I create unique digital art using code in the p5.js canvas? I made an animated 2D landscape with animated particles resembling a waterfall and colorful cliffs. I also made a cool art generator that produces random colors and shapes, resulting in abstract graphics in motion! I successfully made digital art creations using motion, geometry, random, and RGB colors! The main results was a very satisfying and pretty canvas filled with components of real and virtual world!

WHY?

I did this project to learn code and the basis of art and math through digital tools. I wanted to convey ideas through simple elements and a universal virtual language. I am trying to draw shapes with math coding, change their dimensions and size, move points and lines around to form art, and more. Some questions I asked myself were: What is the logic of color and shape generators? What type of math language does the canvas use? What are fractals? Why do the generators not have meaningful and intuitive names that are not confusing? In what way can I make models and assets using artistic math code on a web canvas? I wanted to explore deeper into the world of coding and construct some masterpieces using code and push myself further.

HOW?

At first I learned the basic shapes and coordinate locations, and made a car and the Olympics logo. Then I started browsing the web for ideas and got inspired by the unit about art generators last year and also some online examples. Next I learned the patterns and functions. I used my knowledge code that randomizes the size, color and location of shapes on the canvas. Some examples are : "draw, createCanvas, fill, random, ellipse, rect, translate, rotate, scale, RGB, stroke, and system. There are plenty of parts in my code project sketches that demonstrate my process of creating digital art!

WHAT?

I found out how to write some simple javascript code and utilize examples from the examples library. I have discovered a way to make beautiful digital art using math and shapes and colors! My prototype both flash a wide variety of colors on the canvas through objects of different sizes in many locations on the canvas. For the particle system I spawned many ellipses and used physics to create the animations. My results were very satisfying and I thought my art was beautiful!

SO WHAT?

My results are very important because they represent my journey through coding and multiple accomplishments in the area of STEAM. I have conquered my "fear" of coding too! I can conclude from my results that there are endless possibilities in coding, and if we master the way of communicating with the awesome electronic devices through shapes, colors, and other simple elements, we can make really fantastic art creations!

WHAT'S NEXT?

I can extend my project by combining more creations together and produce crazy and bizarre art that have a "method to the madness". I can improve my project by adding more things and functions to my canvas and code for more fun. This time I relied on the system engine to generate most of the results, but in the future I can focus more on detailed art with a more obvious meaning and real life objects! The next steps are exploring further, learning more, and creating with a new style!

https://sites.google.com/asa.edu.py/steamiee/creative-coding

(Make sure to scroll down to the bottom and click my project links!)

REFERENCES & ACKNOWLEDGMENTS

A big thanks to Mr. Shelden for guiding me through the fun design process of coding in STEAM class!

Some links where I got my information, ideas, data, and statements:

https://p5js.org/

https://editor.p5js.org/kwertyops/sketches/_ULHNH8Hc

https://kellylougheed.medium.com/generative-art-with-p5-js-program-your-own-art-6a6ac7e57d87

JUDGES FEEDBACK

I find the concept of AI art to be quite fasacinating, and felt your piece certainly gave a view of blocks and color that I had not seen before. Very bold colors and shapes.

Report abuse