FMX 310

TITLE: Spotlight Dreams Underneath the Spring Breeze
MEDIA: Coding
SOFTWARE: Adobe Dreamweaver
HARDWARE: Windows 10 64-bit
SPECIFICATIONS: 960X540px
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: FA 20
INSTITUTION: University of Tampa
LINK: https://fmx310.santiago.bz/FMX310/fa20/nordhagen/01_ILLUSTRATION/illustration_02.html
DESCRIPTION: This assignment is an interactive recreation of an illustration I had drawn a couple of months prior to the assignment (the original picture is visible in the link). As seen in the video, moving the cursor around allows you to control the cast shadow, which the main subject’s eyes follow. I also took special care to animate the ocean waves at the bottom of the image so that the backdrop looked more lively.

TITLE: Fireworks Mandala
MEDIA: Coding
SOFTWARE: Adobe Dreamweaver
HARDWARE: Windows 10 64-bit
SPECIFICATIONS: 800X800px
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: FA 20
INSTITUTION: University of Tampa
LINK: https://fmx310.santiago.bz/FMX310/fa20/nordhagen/02_VECTORMANDALA/nordhagen_vector_mandala.html
DESCRIPTION: An interactive mandala creation using shapes that were created with vector lines directly in code. I had originally chosen a dark background for this assignment to contrast from the standard white, and the bright colors I used when creating my shapes reminded me of fireworks in the night sky. I used this as inspiration for the final product I ended up creating, which has many long shapes that change colors like the explosion trails of a firework.

TITLE: Sakura Mandala
MEDIA: Coding
SOFTWARE: Adobe Dreamweaver
HARDWARE: Windows 10 64-bit
SPECIFICATIONS: 800X800px
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: FA 20
INSTITUTION: University of Tampa
LINK: https://fmx310.santiago.bz/FMX310/fa20/nordhagen/04_ILLUSTRATOR/illustrator_mandala_final.html
DESCRIPTION: An interactive mandala creation using vector shapes created in Adobe Illustrator. This assignment was assigned directly after the Vector Illustration; since I created a mandala themed around the night sky and fireworks for that assignment, I decided to change course for this one and create a scene that shifts from daytime to sunset depending on the movement of the mouse. Using Adobe Illustrator allowed me to create more complex shapes compared to the Vector Mandala as well, so I created designs inspired by cherry blossoms.

TITLE: Inside the Pin Box
MEDIA: Coding
SOFTWARE: Adobe Dreamweaver
HARDWARE: Windows 10 64-bit
SPECIFICATIONS: 800X800px
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: FA 20
INSTITUTION: University of Tampa
LINK: https://fmx310.santiago.bz/FMX310/fa20/nordhagen/03_IMAGEMANDALA/img_mandala_3.html
DESCRIPTION: An interactive mandala creation using isolated images. For my images, I took pictures of various pins I owned and kept within a personal pin box. I felt that their unique shapes and thematically-inspired designs would lend itself well to the assignment. Using the arrangement of pins, I tried to tell a bit of a story. When you first open the tab, the tab is filled with glacier-inspired pins; as you move the mouse around, they recede and are replaced with pins that resemble more natural objects such as trees and stones.