DISPLAY TIME: 0:00 -> 0:20
TITLE: T.H.U.G.
MEDIA: Javascript
SOFTWARE: Adobe Dreamweaver
HARDWARE: MacOS
SPECIFICATIONS: 1602X1204px, H.264
DURATION: 0’27”
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: SP 22
INSTITUTION: University of Tampa
DESCRIPTION: “T.H.U.G.” is a kinetic typography piece that utilizes only text. I chose to use the names of black individuals who were killed by police brutality and the states in which these events occurred. In the center I wrote code to have the letters alternate between “T.H.U.G.”, which stands for The Hate You Give. The goal of this piece was to say their names and never let them be forgotten as police brutality against people of color is still a high level problem here in America. I used Javascript imported into Dreamweaver to code this piece and make it interactive as the user moves their mouse around.

DISPLAY TIME: 0:00 -> 0:20
TITLE: Fruit Overload
MEDIA: Javascript
SOFTWARE: Adobe Dreamweaver
HARDWARE: MacOS
SPECIFICATIONS: 1330X1330px, H.264
DURATION: 0’30”
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: SP 22
INSTITUTION: University of Tampa
DESCRIPTION: “Fruit Overload” is an Illustrator mandala piece that was created using ten different elements manipulated to be interactive. In order to achieve this I downloaded photos of different fruit and imported them into Adobe Dreamweaver using Javascript. I had to use my knowledge of transforming objects and handling multiple canvases in order to make the ten different fruits change shape and color in their own way. I chose fruit because I thought it would be a fun element to use, and it would be easy to choose ten different ones.

DISPLAY TIME: 0:00 -> 0:20
TITLE: Vector Mandala
MEDIA: Javascript
SOFTWARE: Adobe Dreamweaver
HARDWARE: MacOS
SPECIFICATIONS: 1330X1330px, H.264
DURATION: 0’29”
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: SP 22
INSTITUTION: University of Tampa
DESCRIPTION: The Vector Mandala was created using hundreds of code in Adobe Dreamweaver. I had to use my knowledge of creating and transforming shapes in order to generate ten different elements to make the piece. In addition, all ten elements needed to be interactive. This meant whether the element was spinning when your mouse moved, or the color changed, something needed to happen when the user mouses over the mandala. This class was the first time I’ve ever coded interactively, but after numerous hardworking hours I was able to create this piece.