This is my first time coding with P5js. Before I took a coding class in my sophomore year in SVA using javascript, I was bad at it and got a pretty low grade (still passed though, weird). When using the P5js for the first time to create my self portrait, I actually found it’s super fun and it gave me a feeling of using windows drawing software when I was 5-6 years old.
So, the first thing I want to make with coding is illustrations. And it would be awesome if I could learn some animation codes in the future and combine them together, so it’s like a simple gif? However, I will also mention this in the question I have again, I wish there’s a way for me to figure out the coordinations on the canvas easily, for example, if I move my mouse to a certain point, the coordination will appear and I can type it in the code. This would make my drawing process a lot easier.
Secondly, I want to combine the coding skill with the projects I may do in other classes, like PComp. I’m now having a brief idea of making a project (device?) with fruit and some music with fruit names in the lyrics, and to give instruction to let the Arduino play music randomly, I need to know how to code. So this is more about hands on experience and create something we can actually touch.
Thirdly, I like thought fun little interaction games, such as a simple personality test we could see in the end of some old teen magazines. And combining coding with some fun visual aesthetics can recreate the nostalgic feeling, I guess?
My first P5js self portrait
It was really fun creating this self-portrait. One thing is that I forgot to try out the curve function, so I will definitely try that later.
Secondly, I was putting “noLoop” after every color I used, and I don’t know if it’s necessary…?
Thirdly, as mentioned before, I wish there’s a way for me to quickly know the coordination of the start point of a shape I’m about to create.