my self portrait

Welcome!

This is Alyssa's Sketchbook
Flower for a Friend

Flower for a Friend

Assignment 1

Flower for a Friend was my first project and one of my first times coding as well. It was really tricky at first but once I started remembering the properties and where to put things it got a lot easier! My Flower for a Friend project is pretty simple but it is a good example of how I started.

  • Line for a Line

    Line for a Line

    Assignment 2

    Line for a Line was my second project by this time, I had learned a little bit more and was able to test different things out and see how things worked out. This project was a bit harder to understand at first but as I got working on it, I was able to learn a lot and figure out what I was doing.

  • Computational Conversion

    Computational Conversion

    Assignment 3

    Assignment 3 was a very fun assignment. I really liked trying to recreate an artwork and I am super proud of how mine came out. I feel like I learned a lot during this assignment because I really wanted it to look as similar as I could so I did a lot of research. The generative part of this assignment was also really interesting to see and play with.

    Digital Brush up Digital Brush up Digital Brush up Digital Brush up Digital Brush up

    Digital Brush up

    Assignment 4

    Assignment 4: Digital Brush up was probably my favorite assignment so far. I had a lot of fun figuring out how to recreate my brush and just making the brush was super fun and exciting to do. I did a lot of my own research for this project as well to make my brush as similar as I could. I definatly learned a lot with this assignment and had a lot of fun with it. Painting with a brush I made after was very cool and felt rewrading to see my brush working well and looking very cool.

    Beach Ball of Death

    Beach Ball of Death

    Assignment 5

    When I was doing my research, I really wanted to make a loading cursor because it seemed more fun and interactive and it would have more purpose than a loading screen since it could be loading anything. A loading cursor is also very common when using computers so I went with a pretty classic style of loading cursor but made it my own with adding a pulse effect to kind of feel like a timer as well as adding colours to make it change depending where the mouse is so it would be a bit more fun.

    Final Assignment

    Proposal

    For my final project I would like to make something that explores or confounds the experience of spatial depth. I was thinking of making a bunch of small circles that make up a bigger shape like a square and then try to rotate it so it looks like a 3D object. This would involve coding the small circles to move in a pattern to achieve the look of the 3D object spinning. I think it would also be interesting to add colour into it too so as it rotates the colour changes as well.

    Final

    Final Assignment

    Click this link below to see my final project "Cube" in full screen.

    Final Assignment

    How I made the cube

    For this project I wanted to make a 3D cube spinning. ------------------------------------------------------------------------------------------------ I started off by making a function for the corner dots. I used the unit circle to find out how the dots need to be moving. For x I used cos, for y I used sin and to make it all move I used the increments of degrees. ----------------------------------------------------------------------------------------------------------------------------------------- To code it to make it look like a 3D object. I needed to adjust the y translation and the size of the dot during its orbit through the unit circle. I coded if and else statements so when the dot is going through the upper half of the orbit, the y range is smaller than when it is going through the bottom half. For size I had to make 4 statements: 1. Grow bigger as it comes closer to the bottom point of the unit circle orbit 2. Grows smaller as it goes away from the bottom point of the unit circle orbit 3. Shrinks when it comes closer to the top point of the unit circle orbit 4. Unshrinks when it goes away from the top point of the unit circle orbit In order for my if and else statements to always work. I needed an if statement to reset my degree value. -------------------------------------------------------------------------------------------- Then I put the x and y and size values into the ellipse function to draw the dot. To add corners in the orbit, I changed the degree values. To add corners above and below, I changed the y values. I used arrays to give each dot its own values in order for it to work for all the other dots. In total I made 8 corners using this function. ---------------------------------------------------------------------------------------------------------------------------------------------- To make the edge dots. I made a function to draw a dot between two corner dots. I took the distance between two corner dots to get the x and y ranges. Then to get the distance of my edge dot I added the smallest x and y values out of the two corner dots and added half the x and y ranges to it. Then I input these values into the ellipse function. Using this function, I drew in all of the remaining dots in the cube. ------------------------------------------------------------------------------------------------------------ For the colours, I used the rgb map function that I learned from a previous lecture video. Instead of using the mouse position to map the random colours. I changed it to map the x position of my dot to the rgb values of blue and pink. ---------------------------------------------------------------------------------------------------------------- For the white lines in the background. I took the let statement from my line for a line project and played around with numbers. ------------------------------------------------------------------------------------ For the explosive circles in the middle of the cube, I used a function called sun to draw a bunch of glitching circles. In the function I used an ellipse to draw circles and used random in the size parameter to make it look like it is glitching. --------------------------------------------------------------------------------------------------- For the orbiting squares around the cube, I used the unit circle orbit again but using rectangles.