CREATIVE CODING

TITLE: ZeZe Challenge
MEDIA: 2D Animation
SOFTWARE: Adobe Dreamweaver
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: FA 18
INSTITUTION: University of Tampa

This project was illustrated in Adobe Illustrator, then animated in Adobe Dreamweaver. I broke up the subject, Kodak Black, into a plethora of individual pieces, which I was then able to individually move and animate each piece using the sin/cos/tan ratios in HTML.

http://art310.santiago.bz/fa18/felsen/07%20math%20animation/kodakZEZE_05.html


TITLE: President Garrison Illustration
MEDIA: 2D Animation
SOFTWARE: Adobe Dreamweaver
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: FA 18
INSTITUTION: University of Tampa

This was my first ever project using Adobe Dreamweaver! Using hundreds of bezier and quadratic curves, I illustrated this image from one of my favorite TV shows, using nothing but code! As the user mouses over the illustration, a few elements show interactivity.

http://art310.santiago.bz/fa18/felsen/01%20illustration/illustrationProject2F.html


TITLE: Red Tide Awareness Mandala
MEDIA: 2D Animation
SOFTWARE: Adobe Dreamweaver
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: FA 18
INSTITUTION: University of Tampa

This project was designed to make the user/audience feel uncomfortable, as a means of Red Tide awareness. Red Tide kills thousands of marine life every year, and is a result of pollution and chemicals being released into the Gulf of Mexico. Each image is a photograph that I captured and touched up in Adobe Photoshop before animating in Dreamweaver.

http://art310.santiago.bz/fa18/felsen/03%20image%20mandala/Ari_ImageMandala_RedTide.html


TITLE: Lizard Frenzy! Game
MEDIA: 2D Animation
SOFTWARE: Adobe Dreamweaver
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: FA 18
INSTITUTION: University of Tampa

This highly addicting, incredibly adorable interactive game was constructed as my final project for Creative Coding. I found the inspiration from my beloved pet Bearded Dragon, as you (the lizard) frenzies for more food and warmth, Bearded Dragon’s two favorite things! But be careful to stay away from the predatory snakes and snow!

http://art310.santiago.bz/fa18/felsen/10%20OOP%20game/game_07.html


TITLE: Data Visualization – US Voters!
MEDIA: 2D Animation
SOFTWARE: Adobe Dreamweaver
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: FA 18
INSTITUTION: University of Tampa

After surveying 15 of my friends, family, peers, and strangers, I took the information I gathered and visualized it all in Adobe Dreamweaver. All of the illustrations were made in Adobe Illustrator.

http://art310.santiago.bz/fa18/felsen/09%20data%20visualization/DataViz_03.html
TITLE: Thanksgiving Mandala
MEDIA: 2D Animation
SOFTWARE: Adobe Dreamweaver
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: FA 18
INSTITUTION: University of Tampa

Combining all of the best elements of Thanksgiving, I made this Thanksgiving edition mandala! I created each object in Adobe Illustrator, then imported and animated in Adobe Dreamweaver.

http://art310.santiago.bz/fa18/felsen/02%20vector%20mandala/Ari_IllustratorMandala_04.html