TITLE: DDDODIYL – Illustrator Mandala
MEDIA: Javascript and HTML Coding
SOFTWARE: Adobe Dreamweaver
HARDWARE: MacOS Catalina 64-bit
SPECIFICATIONS: 1280X720px
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
TERM: Fall 2020
INSTITUTION: University of Tampa
LINK

DESCRIPTION: This assignment involved using a plugin with Adobe Illustrator to export vector assets as Javascript canvas compatible code. These assets were then placed within this environment, and had aspects such as replication, color change, opacity and position automated and adapted through Javascript and user interaction. The music which accompanies this piece (which can be viewed through the link above) was also produced by myself. This piece was inspired by psychedelic trip art-styles.

TITLE: Room – Image Mandala
MEDIA: Javascript and HTML Coding
SOFTWARE: Adobe Dreamweaver
HARDWARE: MacOS Catalina 64-bit
SPECIFICATIONS: 1000X563px
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
TERM: Fall 2020
INSTITUTION: University of Tampa
LINK

DESCRIPTION: Room was inspired by what I see every day when I sit at my desk and produce music or digital art. All objects were photographed using a Sony A6500 camera and 30mm lens. These images were then imported into Photoshop to be cleaned and isolated using masks. These images were then applied into an HTML framework using a Javascript canvas object to create an interactive environment for users to play in. Opacity, animation time, replication and radius size are just a few aspects of the canvas users can control by moving their mouse. The additional audio (available from above link) was recorded by myself in my room, with only extra reverb added from a Logic Pro X session.

TITLE: Nostalgia – Sprite Sheet
MEDIA: Javascript and HTML Coding
SOFTWARE: Adobe Dreamweaver, Photoshop, Piskel, Advanced Map
HARDWARE: MacOS Catalina 64-bit
SPECIFICATIONS: 1280X720px
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
TERM: Fall 2020
INSTITUTION: University of Tampa
LINK

DESCRIPTION: Nostalgia is a call to old Pokemon Games that were on the Gameboy Advanced. The Piskel Sprite Sheet editor was used to create the sprite — resembling the nostalgic Gamefreak design. Various frames were then created to create various animation poses. The sheets were then exported and arranged to a single image in Photoshop. This image is used in combination with Javascript code to handle “moving” the frames, similar to stop motion. As the user moves left-to-right across the canvas, the different movements are replicated on the center sprite, The background was created using Advanced Map, a software created by the Pokemon modding community in order to edit the maps on Pokemon ROM files. Sprites were then scattered around this artificial Pokemon landscape to simulate gameplay with the created sprite.