TITLE: Rainbow Dash
ROLE: Coder
MEDIA: Dreamweaver Coding
SOFTWARE: HTML5 Canvas / Javascript
HARDWARE: iMac Os X
CLASS: FMX 210 Digital Media
PROFESSOR: Santiago Echeverry
TERM: FA 2020
INSTITUTION: University of Tampa
DESCRIPTION: For my final coding project, I decided to recreate Rainbow Dash from My Little Pony. At the time, I wanted to find a cartoon image with many colors to experiment with. Since Rainbow Dash is all rainbow colors, I thought she would be a perfect image to try. This final coding project took me many hours to complete across many days. There were many times when I had thought I got her just right to refresh the page and be a little off in some of my connecting pieces. One of the most complex parts about Rainbow Dash was trying to make her tail match up evenly between all six colors. I remember constantly changing the coordinates one by one until I finally got them all to line up. I added a rainbow gradient behind her image to make her pop out more in the picture and give the “Sonic Rainboom” feel we see as we imagine her flying across the sky. I never imagined I would be able to pull off the complex and colorful image just through the coding of numbers on the Adobe Dreamweaver software I used to create my Javascript code.

TITLE: One-Eyed Crab
ROLE: Coder
MEDIA: Dreamweaver Coding
SOFTWARE: HTML5 Canvas / Javascript
HARDWARE: iMac Os X
CLASS: FMX 210 Digital Media
PROFESSOR: Santiago Echeverry
TERM: FA 2020
INSTITUTION: University of Tampa
DESCRIPTION: The one-eyed crab was one of my first steps into learning how to code an HTML5 Canvas / Javascript file. The crab was also one of my first significant steps into diving into digital design. Since I have always been good with numbers, I thought coding an image would be a great way to combine my love for numbers and my passion for art into one project. I learned how to connect quadratic curves and add linear color gradients to my piece. I coded the crab so that when moving a mouse across the screen, only his eye would move back to forth as it looks like it is following you as you move. The hardest part of this piece was finding the exact coordinates I needed to ensure that there were no gaps in what I was creating and that everything was correctly layered on each other in the order it needed. I included my code and the final product above to show the behind-the-scenes workings necessary to bring my crab to life.