TITLE: BASEBALL
MEDIA: HTML5/CSS/JS
SOFTWARE: Visual Studio Code
HARDWARE: macOS
CLASS: FMX 311 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: FA 22
INSTITUTION: University of Tampa
LINK: https://fmx310.santiago.bz/FMX310/fa22/bryan_neill/06_SPRITE/baseball_sprite_sheet.html
DESCRIPTION: This work in one of a few pieces that reflect my love of sports, specifically baseball. For each position, a sprite sheet was created in Photoshop based off of stills from recorded videos of myself. They were then applied to an HTML5 canvas with a background image and iterated through to give the effect of motion.

TITLE: RUN FROM THE COPS
MEDIA: HTML5/CSS/JS
SOFTWARE: Visual Studio Code, Photoshop
HARDWARE: macOS, iPhone 14 Pro Max
CLASS: FMX 311 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: FA 22
INSTITUTION: University of Tampa
LINK: https://fmx310.santiago.bz/FMX310/fa22/bryan_neill/05_ETERNAL/eternal_final.html
DESCRIPTION: In a study of creating eternal motion through imagery and code, this piece is a satirical look at me running from the police. Each part of my body was cropped and masked in photoshop so that each piece could be individually controlled in Javascript after being applied to an HTML5 canvas element. Pulsating gradients were added to reflect police sirens against a moving background. Some challenges with this project included a bug in the code which caused the movement to slow down over time. In addition an error when exporting my images in Photoshop resulted in rectangular borders around each element.

TITLE: ?????
MEDIA: HTML5/CSS/JS
SOFTWARE: Visual Studio Code
HARDWARE: macOS
CLASS: FMX 311 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: FA 22
INSTITUTION: University of Tampa
LINK: https://fmx310.santiago.bz/FMX310/fa22/bryan_neill/04_KINETIC/bryan_typography_final.html
DESCRIPTION: The piece with no name. With a new project every week or so it can be challenging to feel inspired. For this project we were tasked with manipulating text in different fonts and colors to create a mandala on the HTML5 canvas. I leaned into the lack of creative inspiration by trying to represent what my mind felt at the time. The spinning circles of different colors that read “I HAVE NO IDEA WHAT TO DO” explicitly reveal the disorientation and confusion that can occur when trying to find inspiration.

TITLE: MANDALA
MEDIA: HTML5/CSS/JS
SOFTWARE: Visual Studio Code
HARDWARE: macOS
CLASS: FMX 311 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: FA 22
INSTITUTION: University of Tampa
LINK: https://fmx310.santiago.bz/FMX310/fa22/bryan_neill/03_VECTOR/BRYAN_mandala_final.html
DESCRIPTION: This piece was done by applying vector style drawing, using Javascript, to the HTML canvas element. Inspired by the mandalas associated with Dr. Strange, each shape is procedurally generated to create an intricate array of lines and smaller shapes. Gradients and shadows were selectively applied to each of the elements to make it appear as if it was a shimmering metallic color. As you move your mouse cursor, the elements spin and shift faster as the gradient in the middle grows larger, acting as light radiating from the center.

TITLE: DOGS
MEDIA: HTML5/CSS/JS
SOFTWARE: Visual Studio Code, Photoshop
HARDWARE: macOS
CLASS: FMX 311 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: FA 22
INSTITUTION: University of Tampa
LINK: https://fmx310.santiago.bz/FMX310/fa22/bryan_neill/02_COLLAGE/imageCollage_final.html
DESCRIPTION: For this assignment we were to practice integrating images into the HTML5 canvas. This was seen as the perfect opportunity to showcase the many faces of these two dogs. Each head was masked out in Photoshop before being applied to the canvas. As you hover over each image, it rotates slightly and a different colored glow is applied to each. The glow on the dogs heads and the filter on the background image are meant to showcase the image filtering tools available when using the HTML5 canvas.

TITLE: MINION
MEDIA: HTML5/CSS/JS
SOFTWARE: Visual Studio Code
HARDWARE: macOS
CLASS: FMX 311 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: FA 22
INSTITUTION: University of Tampa
LINK: https://fmx310.santiago.bz/FMX310/fa22/bryan_neill/01_ILLUSTRATION/minion.html
DESCRIPTION: This project was done using HTML5 canvas and the drawing functions available in Javascript. For this assignment we were challenged to recreate a 3D image or character and make it interactive. Gradients were used to create lighting and give the image a three dimensional effect. For the interaction, the Minion’s eye follows the background based on the position of the mouse cursor, and his mouth shows a smile or frown depending on how high or low the cursor is on the canvas.

TITLE: ADVENTURE TIME
MEDIA: HTML5/CSS/JS
SOFTWARE: Visual Studio Code
HARDWARE: macOS
CLASS: FMX 311 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: FA 21
INSTITUTION: University of Tampa
DESCRIPTION: For this project I was tasked with recreating an image using the HTML5 canvas and the drawing and styling functions available in Javascript. I chose to recreate this image of Finn and Jake from Adventure Time. While I have never seen an episode of Adventure Time, I felt the shapes in this image were conducive to creating an image using the HTML5 canvas element. While most of the image is a 1-1 trace of the original, the background was done freehand to highlight Finn’s raised hand and the adventure they’re setting out on.