Title: Angel in the Garden, Interactive Illustration
Media: HTML5 Canvas, JavaScript
Class: Creative Coding
Professor: Santiago Echeverry
Term: SP 24
Institution: The University of Tampa
Description: The first assignment, the interactive illustration, was definitely the most time-consuming but also one of the coolest projects. I took an illustration I had previously created and reimagined it entirely through code using an HTML5 Canvas. This allowed me to make various elements of the image interactive—such as the wings, the sky, and the dragon—so they all respond to user interaction and movement.

Title: Portals, Interactive Collage
Media: HTML5 Canvas, JavaScript
Class: Creative Coding
Professor: Santiago Echeverry
Term: SP 24
Institution: The University of Tampa
Description: The interactive collage was one of my favorite projects. I collected various pictures of items from my room and created masks for each of them. Once I brought them into the HTML5 canvas, I was able to make them float, spin, and glow in response to mouse interaction. My favorite part of the project was incorporating videos into the portals, giving the illusion of different dimensions and adding a unique, dynamic element to the collage.

Title: Celestial Mandala
Media: HTML5 Canvas, JavaScript
Class: Creative Coding
Professor: Santiago Echeverry
Term: SP 24
Institution: The University of Tampa
Description: The Mandala was another one of my favorite projects. I titled it “Celestial” because much of the imagery I incorporated was inspired by stars and space. There are so many elements of this piece that I love, such as the spinning centerpiece and the sparkling background. Each segment was initially drawn in Procreate before I recreated it on the HTML5 Canvas, bringing the design to life with interactivity and animation.

Title: Soaring Witch, Eternal Motion Final
Media: HTML5 Canvas, JavaScript
Class: Creative Coding
Professor: Santiago Echeverry
Term: SP 24
Institution: The University of Tampa
Description: For the final project, I chose to create another piece of eternal motion featuring one of my characters. I took this project to the next level by incorporating passing clouds and adding more dynamic, moving elements. I was particularly proud of how I managed to make the entire character appear to float up and down on their broom, while still having their joints move fluidly, which added a nice sense of realism and depth to the animation.

Title: Star Girl, Sprite Sheet
Media: HTML5 Canvas, JavaScript
Class: Creative Coding
Professor: Santiago Echeverry
Term: SP 24
Institution: The University of Tampa
Description: I had a lot of fun creating the sprite sheet and building a story around it. I knew three of the five sprites would feature the character walking, but for the other two, I decided to have the character playing a guitar and floating on a star. From there, I developed the story, which follows a musician who transforms into an actual star, blending the character’s journey with the visual elements.

Title: The Baker, Eternal Motion
Media: HTML5 Canvas, JavaScript
Class: Creative Coding
Professor: Santiago Echeverry
Term: SP 24
Institution: The University of Tampa
Description: For the eternal motion project, I came up with the idea of a character in the kitchen holding a cake. I felt this concept worked really well for eternal motion, as the cake sways back and forth, creating the illusion that it might fall. Meanwhile, the character’s enthusiastic expression adds to the charm, showing her excitement about the cake she just made.

Title: Kinetic
Media: HTML5 Canvas, JavaScript
Class: Creative Coding
Professor: Santiago Echeverry
Term: SP 24
Institution: The University of Tampa
Description: The kinetic typography project was enjoyable, though not my favorite. I chose to center mine around the topic of animal cruelty, specifically animal testing. The words float slowly across the screen, and when the user mouses over the rabbit—replaced by a syringe—the rabbit reveals additional words, and the entire page shakes to create a sense of impact and urgency.