DISPLAY TIME: 0:00 -> 0.30
TITLE: Doxie Dash
MEDIA: Javascript
SOFTWARE: Adobe Dreamweaver
HARDWARE: Macbook Pro 2019
DURATION: 1’11”
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: SP 22
INSTITUTION: University of Tampa
LINK:https://fmx310.santiago.bz/FMX310/sp22/maddy_wessling/08_oopgame/doxie_dash.html
DESCRIPTION: “Doxie Dash” is a single player game created in Javascript. The goal is to move the dachshund around the screen with the mouse to eat the most food and get the most points. There is a timer and various food items that deduct points, which makes it difficult to collect points in the time period. I was inspired to create this game by my own dachshund, Coco, and based the dachshund colors off of her and some other real life dachshunds she has met.

TITLE: Coco Sprite Sheet
MEDIA: Javascript
SOFTWARE: Adobe Dreamweaver
HARDWARE: Macbook Pro 2019
DURATION: 0’15”
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: SP 22
INSTITUTION: University of Tampa
LINK:https://maddywessling.blogspot.com/2022/04/coco-sprite-sheet.html
DESCRIPTION: “Coco Sprite Sheet” is a sprite sheet imported into Dreamweaver using code. This sprite sheet was reused later on for the game “Doxie Dash” above, although it’s original name was “Coco’s Catch” displayed on the sprite sheet. I ended up changing the name because I later on added more characters than just Coco into the game. Each section of the page has a different animation when you move the dachshund around.

TITLE: System Error
MEDIA: Javascript
SOFTWARE: Adobe Dreamweaver
HARDWARE: Macbook Pro 2019
DURATION: 0’12”
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: SP 22
INSTITUTION: University of Tampa
LINK:https://maddywessling.blogspot.com/2022/04/system-error.html
DESCRIPTION: “System Error” is an eternal motion piece using the character ‘Freddy Fazbear’ from the famous ‘Five Nights at Freddy’s’ series. Each piece of Freddy is cut using Photoshop and imported one by one into Dreamweaver. Using timed code, Freddy is able to move and looks as though he is cleaning up a mess. I also included some lines from the game ‘Security Breach’ and added the mess line to make it seem as though Freddy is glitching out.

TITLE: Things My Grandpa Told Me
MEDIA: Javascript
SOFTWARE: Adobe Dreamweaver
HARDWARE: Macbook Pro 2019
DURATION: 0’18”
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: SP 22
INSTITUTION: University of Tampa
LINK:https://maddywessling.blogspot.com/2022/03/things-my-grandpa-told-me.html
DESCRIPTION: “Things My Grandpa Told Me” is a kinetic typography piece that was created in Dreamweaver. My grandpa passed away a few years ago and before he passed, he wrote his grandchildren a book which he called “Things I Wish My Grandparents Had Told Me.” The book contains details about his life that we did not know before. I included his picture and surrounding it is some passages from his book. When the mouse is moved around the piece, the text grows, shrinks, and even spins around. This is one of my favorite artworks I have ever done as it pays tribute to my grandpa and his life he led.

TITLE: It’s My Party
MEDIA: Javascript
SOFTWARE: Adobe Dreamweaver
HARDWARE: Macbook Pro 2019
DURATION: 0’15”
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: SP 22
INSTITUTION: University of Tampa
LINK:https://maddywessling.blogspot.com/2022/03/its-my-party.html
DESCRIPTION: “It’s My Party” is an illustrator mandala piece. Using Adobe Illustrator, I reused a balloon dog character that I created for practice, along with some other elements and imported them into Dreamweaver using Javascript. Within the code, it specifies how the different objects transform with size and color. All of the images were then made into a mandala shape to create a moving piece. I chose to stick to a birthday theme as I really enjoy birthday parties and the aesthetic around birthdays.

TITLE: Vector Mandala
MEDIA: Javascript
SOFTWARE: Adobe Dreamweaver
HARDWARE: Macbook Pro 2019
DURATION: 0’13”
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: SP 22
INSTITUTION: University of Tampa
LINK:https://maddywessling.blogspot.com/2022/03/vector-mandala.html
DESCRIPTION: “Vector Mandala” is a piece created in Dreamweaver. This piece uses code to create different vectored shapes and mouse movement to move the piece. The very condensed rainbow circles under the crescent moons were actually made by mistake! While I was coding, I typed in a very different number than I originally wanted and accidentally created the rainbow circles. I really liked the texture that they added to the piece, so I decided to keep them. I really like how the different colors make the composition of the piece seem like a colorful galaxy.

TITLE: Image Mandala
MEDIA: Javascript
SOFTWARE: Adobe Dreamweaver
HARDWARE: Macbook Pro 2019
DURATION: 0’42”
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: SP 22
INSTITUTION: University of Tampa
LINK:https://maddywessling.blogspot.com/2022/03/image-mandala.html
DESCRIPTION: “Image Mandala” is a piece created in Dreamweaver using Photoshop to make snippets of the objects used. Each object was a photo taken by myself of either flowers, or my rock mandalas that I like to paint. The outer ring of the mandala is an image of a sunset taken at my house. I chose to have this piece be multicolored because I wanted to go for a colorful garden theme. When the mouse moves around the screen, the colors move based on the mouse position. The images are on a timer that make the piece constantly move and expand.

TITLE: Blue Totoro’s Sunset
MEDIA: Javascript
SOFTWARE: Adobe Dreamweaver
HARDWARE: Macbook Pro 2019
DURATION: 0’11”
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: SP 22
INSTITUTION: University of Tampa
LINK:https://maddywessling.blogspot.com/2022/02/blue-totoros-sunset.html
DESCRIPTION: “Blue Totoro’s Sunset” is an Illustration piece created in Dreamweaver using code to create the different objects. For this artwork, I drew an image of ‘Blue Totoro’ from ‘Studio Ghibli’s My Neighbor Totoro’ sneaking around a house and a tree similar to the one in the movie. I then was able to recreate the image with code and made Blue Totoro move in and out of the scene with the mouse. The background colors also move along with the mouse. ‘Soot Sprites’ from the movie also randomly appear on the screen with different sizes.

TITLE: Care Bears Countdown
MEDIA: Javascript
SOFTWARE: Adobe Dreamweaver
HARDWARE: Macbook Pro 2019
CLASS: FMX 210 Digital Media
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: FA 21
INSTITUTION: University of Tampa
LINK:https://maddywessling.blogspot.com/2021/09/care-bears-countdown.html
DESCRIPTION: “Care Bears Countdown” is an illustration created with code using Dreamweaver. This was my first big assignment in the New Media Major using an image of ‘Love a Lot Bear’ from the ‘Care Bears’ series. Growing up, I loved the Care Bears and wanted my first project to give a sense of nostalgia. Looking back, this piece is far from perfect, but makes me feel proud looking at how far I’ve come since this piece in my coding skills.