CREATIVE CODING

TIMESTAMP: 0:00-0:34
TITLE: Wynn Dixie
MEDIA: Digital Illustration/Programming in HTML
SOFTWARE: Adobe Dreamweaver (HTML), FireAlpaca64x
HARDWARE: Windows
SPECIFICATIONS: 1000x1000px, RGB, 350DPI
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER: Spring 2022
LINK: https://fmx310.santiago.bz/FMX310/sp20/girard/09_OOPGAME/WYNNDIXIEOOPGAME.html
DESCRIPTION: I wanted to make something especially exceptional when doing a simple game through only HTML. I didn’t think that making an RPG style game was possible, but I managed to pull it off. The different scenes are just images displayed over the rest, and moving the characters and animations are done through moving sprites with mouse clicks. I had only made games through easier coding systems, but HTML was a challenge.

TITLE: It’s a Shiny!
MEDIA: Digital Illustration/Programming in HTML
SOFTWARE: Adobe Dreamweaver (HTML), FireAlpaca64x
HARDWARE: Windows
SPECIFICATIONS: 1000x1000px, RGB, 350DPI
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER: Spring 2022
LINK: https://fmx310.santiago.bz/FMX310/sp20/girard/03_IMGMANDALA2/shiny_hunting8.html
DESCRIPTION: When I made this, I was really into hunting for ‘shiny’ Pokémon at the time, so I drew some art and imported it into the Image mandala for the class.
TITLE: Pikachu Libre
MEDIA: Digital Illustration/Programming in HTML
SOFTWARE: Adobe Dreamweaver (HTML), FireAlpaca64x
HARDWARE: Windows
SPECIFICATIONS: 1000x1000px, RGB, 350DPI
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER: Spring 2022
LINK: https://fmx310.santiago.bz/FMX310/sp20/girard/07_ETERNALMOTION/eternal_motion.html
DESCRIPTION: Another perpetual motion project that I wanted to draw art for myself. Again, I love Pokemon

TITLE: La Luna
MEDIA: Digital Illustration/Programming in HTML
SOFTWARE: Adobe Dreamweaver (HTML), FireAlpaca64x
HARDWARE: Windows
SPECIFICATIONS: 1000x1000px, RGB, 350DPI
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER: Spring 2022
LINK: https://fmx310.santiago.bz/FMX310/sp20/girard/04_ILLUSTRATOR/illustrator_mandala.html

TITLE: The Chosen 7
MEDIA: Digital Illustration/Programming in HTML
SOFTWARE: Adobe Dreamweaver (HTML)
HARDWARE: Windows
SPECIFICATIONS: 1000x1000px, RGB, 350DPI
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER: Spring 2022
LINK: https://fmx310.santiago.bz/FMX310/sp20/girard/06_KINETICPOEM/kinetic_typography01.html
DESCRIPTION: This moving typography was based on the Dungeons and Dragons campaign that I was running at the time. The names and pop-up omens are based on the players that I had in the campaign and their stories.

TITLE: Red and Blue
MEDIA: Digital Illustration/Programming in HTML
SOFTWARE: Adobe Dreamweaver (HTML)
HARDWARE: Windows
SPECIFICATIONS: 1000x1000px, RGB, 350DPI
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER: Spring 2022
LINK: https://fmx310.santiago.bz/FMX310/sp20/girard/02_VECTORMANDALA/girard_vector_mandala_02.html

TITLE: GALAXY!
MEDIA: Digital Illustration/Programming in HTML
SOFTWARE: Adobe Dreamweaver (HTML), FireAlpaca64x
HARDWARE: Windows
SPECIFICATIONS: 1000x1000px, RGB, 350DPI
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER: Spring 2022
LINK: https://fmx310.santiago.bz/FMX310/sp20/girard/03_IMAGEMANDALA/galaxy.html
DESCRIPTION: With a mandala in mind, I wanted to make something more interesting than just a spinning design. Using images, I made a solar system!

TITLE: Agent 8
MEDIA: Digital Illustration/Programming in HTML
SOFTWARE: Adobe Dreamweaver (HTML), FireAlpaca64x
HARDWARE: Windows
SPECIFICATIONS: 1000x1000px, RGB, 350DPI
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER: Spring 2022
LINK: https://fmx310.santiago.bz/FMX310/sp20/girard/01_ILLUSTRATION/agent8.html
DESCRIPTION: A redrawing through code of an old piece of art that I transferred and traced over for this code project. Eventually, I got it printed out and displayed in an art museum on campus because of this project.