TITLE: Sprite Sheet Fusions
MEDIA: Coding
SOFTWARE: Dreamweaver, Ibispaint
HARDWARE: Windows 11
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: FA 23
INSTITUTION: University of Tampa
DESCRIPTION: I first referenced the run cycle of a cat as well as the way Pikachu ran. I then created two run cycel outlines. Then I worked on animating a few different characters with those outlines. Once the animations were colored and completed, I created a sprite sheet with them. I uploaded the sprite sheet into Dreamweaver. I then used the code to divide it into equally sized pieces and quickly run through the pieces based on where you placed your mouse. This made it appear as if the different sprites were running and the sprite would change based on how low or high you move the mouse.

TITLE: Stop Poaching
MEDIA: Coding
SOFTWARE: Dreamweaver, Photoshop
HARDWARE: Windows 11
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: FA 23
INSTITUTION: University of Tampa
LINK: https://fmx310.santiago.bz/FMX310/fa23/BUSTOS/05%20KINETIC/KTProject_12.html
DESCRIPTION: I wanted to make a piece about the horrors of poaching. I found images of an elephant, removed the face, and made it a silhouette in Photoshop. I grabbed the code for the image and put it into Dreamweaver. I then repeated this for the baby elephant and the blood. I filled the blood with text and coded it to slide down the page. I then added a block of text to be inside the elephant that moved when you moved your mouse horizontally. Finally, I made it so text would appear when you hover over the baby elephant.

TITLE: Vector Mandala
MEDIA: Coding
SOFTWARE: Dreamweaver
HARDWARE: Windows 11
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: FA 23
INSTITUTION: University of Tampa
DESCRIPTION: I found an image of a mandala I referenced. I then created multiple petals by tracing parts of the mandala. I placed them all on a different canvas. Then I drew the canvas and reaped it serval times. I also added interactive elements that moved when you moved the mouse around to each petal. Then I added in a background that also changed gradients based on where you placed the mouse to finish the piece.

TITLE: Interactive Image
MEDIA: Coding
SOFTWARE: Dreamweaver, Photoshop
HARDWARE: Windows 11
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: FA 23
INSTITUTION: University of Tampa
DESCRIPTION: I found several images I had taken and removed their backgrounds in photoshop. I placed them all together on a background image. I then used coding to apply filter to them that changed their appearence when I moved the mouse. Then I adjusted that code so some effects only worked when you hovered over cetain parts of the image with your mouse.

TITLE: Socks
MEDIA: Coding
SOFTWARE: Dreamweaver
HARDWARE: Windows 11
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: FA 23
INSTITUTION: University of Tampa
LINK: https://fmx310.santiago.bz/FMX310/fa23/BUSTOS/01%20ILLUSTRATION/KelseyBustos_Socks_28.html
DESCRIPTION: I first created the shapes useing coding to make lines curve from one point to anouther. I then added in the color, using code the make gradients to make it seem like they where shadows. Then I adjsuted to code so the colors of the ice changed based on the mouse postion. Finally I added in the code to repeate serval white dots to create snow and for a few ellipses to spin around eachother to create a snowflake.