TITLE: RingWraith
MEDIA: HTML Canvas
SOFTWARE: Adobe Dreamweaver
HARDWARE: Microsoft Windows 11
SPECIFICATIONS: 570x1075px
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: SP 23
INSTITUTION: University of Tampa
DESCRIPTION: I drew this image on my Note 20 at the time and transferred the image into Dreamweaver. I wanted to add gradience and a spinning ring to add more to the effect. But the eye was really the best addition to this piece! I love that I was able to make the eye interactive.

TITLE: ZIM
MEDIA: HTML Canvas
SOFTWARE: Adobe Dreamweaver
HARDWARE: Microsoft Windows 11
SPECIFICATIONS: 600x950px
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: SP 23
INSTITUTION: University of Tampa
DESCRIPTION: Using another image, but this time I wanted to make Invader Zim as I grew up with the show. I just love how crisp he looks, but I did realize the hands to have some holes. But I’m very pleased by how this one turned out.

TITLE: Shion Waters
MEDIA: HTML Canvas
SOFTWARE: Adobe Dreamweaver
HARDWARE: Microsoft Windows 11
SPECIFICATIONS: 1200x1200px
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: SP 23
INSTITUTION: University of Tampa
DESCRIPTION: I drew this image on my Note 20 as well, but this is a character made to be placed in the world of Fairy Tail, this character is named Shion Waters, a Dragon Slayer with the abilities of Ice. I wanted to make her head and arms move, which was challenging, but fun.

TITLE: Dead City
MEDIA: HTML Canvas
SOFTWARE: Adobe Dreamweaver
HARDWARE: Microsoft Windows 11
SPECIFICATIONS: 800x600px
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: SP 23
INSTITUTION: University of Tampa
DESCRIPTION: This is a point and click game I created with Dreamweaver. I created the ghost assets along with the dreamcatcher to collect them. I did have an issue trying to calculate the Dreamcatcher to be at the tip of the mouse for easier playthrough. But it does have generative propagation with the ghosts.

TITLE: Sprite Ninja
MEDIA: HTML Canvas
SOFTWARE: Adobe Dreamweaver
HARDWARE: Microsoft Windows 11
SPECIFICATIONS: 800x800px
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: SP 23
INSTITUTION: University of Tampa
DESCRIPTION: I drew this chibi ninja for a slide animation using a sprite sheet i created on my Note 20 cellphone. I really enjoyed this one as I have never drawn a sprite sheet before, as i mainly draw more detailed full body images. But this one was a fun one to do. Scrolling the mouse to the right will make the scenes change and the character change poses.

TITLE: Image Mandala, Collage
MEDIA: HTML Canvas
SOFTWARE: Adobe Dreamweaver
HARDWARE: Microsoft Windows 11
SPECIFICATIONS: 1000x800px
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: SP 23
INSTITUTION: University of Tampa
DESCRIPTION: This is a collage of art pieces I created in my spare time and wanted to make them interactive by color change, gradation and grey scale. It was neat to try out different commands to see what would change in images i created elsewhere.

TITLE: Vector Mandala
MEDIA: HTML Canvas
SOFTWARE: Adobe Dreamweaver
HARDWARE: Microsoft Windows 11
SPECIFICATIONS: 800x800px
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: SP 23
INSTITUTION: University of Tampa
DESCRIPTION: I created this mandala from a simplistic image, but wanted to add glows on some of the petals. I used hydrangeas as inspiration for coloring, plus spring colors are my mother’s favorite. I like the intractability with the petals spreading when the mouse moves around the space.

TITLE: Kinetic Submarine
MEDIA: HTML Canvas
SOFTWARE: Adobe Dreamweaver
HARDWARE: Microsoft Windows 11
SPECIFICATIONS: 800x600px
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: SP 23
INSTITUTION: University of Tampa
DESCRIPTION: An interactive kinetic word mandala using the lyrics from the Yellow Submarine made by the Beetles. I love the Sargent Pepper band and the music tied to it. I watched the Yellow Submarine as a child and loved the bright colors of the era it was made in.