Canvas Drawing Project

-
The final project for this unit was a portrait or landscape made in the p5 editor. I enjoyed this project because I was able to play around with shapes and how to use them to make one big image. I even used some codes that I never knew about before, such as arc(), which made the angled circle seen on the face to make the facial markings, and bezier(), which was used to make the mouth. I also was able to explore more about RGB color codes in order to find a good color scheme for the background.

An image of the project is below, as well as a reference image I used of my cat.

Fullscreen version: https://editor.p5js.org/annabanana/full/y6Yozy94c
Edit version: https://editor.p5js.org/annabanana/sketches/y6Yozy94c



Comments

Post a Comment

Popular posts from this blog

Gradient Mesh Project

-
Image
This project was about the Mesh tool and the Gradient tool. In order to get the stem and shadow, I had to create more shapes and use the Mesh tool on them. That way I could make a more accurate result.
Read more

JavaScript Snowman!

-
Today's class assignment was to practice making shapes and adding color to objects by using JavaScript. The p5 editor is actually really nice and I'm glad to have found out about it! The project is here:  https://editor.p5js.org/annabanana/present/TNUT6aaGP This also reminded me of a website my old computing teacher used to tell us about. This website has TONS of resources and tutorials for many different coding languages. We used it for HTML, but it also has a wide database for JavaScript. I figured I'd share it for the rest of you guys. Find it here:  https://www.w3schools.com/default.asp
Read more