Author: Melina Almanzar

Final

I combined the the pattern generator with auto play looping audio.

Image | Code

Final Project Proposal

I was thinking about expanding on my sound sampler project for the final project. Perhaps I can code a very simple game of catching stars. Or make the stars move or something. Something having to do with the night sky for sure.

Pattern 1

Variation 1:

I made a symmetrical cake-like design with the ellipses being cake borders and the rounded rectangles being sprinkles (I know it’s impossible for sprinkles to be uniformly arranged like this irl but whatever lol)

Image | Code

Variation 2:

Now the sprinkles move in a random Y position every time the page is refreshed. Yep.

Image | Code

Variant 3:

I left the random Y axis positioning and added random colors for the sprinkles after every refresh. I changed the borders from “chocolate” to “Raspberry” since the random sprinkle’s color palette made me think of berry flavored candies. That and I think it fits the random color pallet better.

Image | Code

Logo/Meme 3

Here’s my attempt at animating my logo. I originally wanted the logo to cycle through the colors black, green, and purple but I couldn’t wrap my head around how to do it without the rgb randomizer thing, so instead I decided to keep it simple and make the logo slightly lighten from black to a dark gray. I guess so the logo could appear like it’s glowing??? I didn’t really put much into it honestly.

Here’s the code.

Logo/Meme 2

The interaction that I added was text appearing depending on which half of the image the cursor is on. I wanted to arrange the text in a way that it looks like it’s circling the logo.

Click here to test out the interaction.

And here is the code.

Logo/Meme 1

Here’s my logo. An arrow and a spade. I’m a member of the LGBTQ+ community, in the “+” more specifically. I openly identify as aromantic asexual (I don’t experience romantic and sexual attractions or needs). It’s usually abbreviated to “AroAce”. An arrow for “Aro” and a spade for “Ace” (as in ace of spades). The colors are half of the aromantic flag and half of the asexual flag.

To make this interactive, I was thinking of having text show up whenever the cursor moves over each color. The text would be the words that represent the meaning of each color.

Here’s my code.

Assignment 2: Self Portrait Version 1

This is a self portrait in the sense that I wanted to use simple shapes to convey how I function.

As a highly sensitive person who suffers from anxiety and depression, I sometimes perceive the world as dull and gray. Sometimes my mind is like a rain cloud; a darkness that I’ve accepted and learned how to live with.

Not all is doom and gloom though. One thing that brings me joy is the Japanese Kawaii subculture, with it’s abundance of cuteness and dreamy pastel colors. My love for this lifestyle floats around within along with my inner streams of misanthropy, indifference and the like. So whenever I see something pastel and cute, the abundance of positive thoughts rains down and fills up the emptiness I sometimes feel.

Here’s the code.