Art Matters is a yearly student art festival at Concordia University.
Working alongside a graphic designer, the website was built for its 18/19 season. The aim of the project was to make an hyper-interactive site where
visitors could affect the graphics through scrolling, mouse movement, and (of course) clicking. The graphics evolve with the movement of the user, focusing
on affecting "layers", the graphic theme of the season. The site consists of primary shapes and colors, adopting a Bauhausian methodology for the networked age.
TECHNOLOGY USED: JavaScript, p5.js, jQuery, HTML / CSS
Eno.fm is an experimental radio platform for the shifting VR zeitgeist - it maps radio stations to 3D space using spatially oriented javascript libraries. These libraries utilize cameras, lighting, distance, and physics, among other features. Each station creates a broadcast that reacts to the environment in a natural way. Sounds can overlap between stations to give the illusion that the user is walking between broadcasting nodes. Similar station nodes are closer together all orbiting the centre, so as the user goes farther out the atmosphere of the music changes. The sight property is similar to conventional video games where distant objects are hidden by fog, but the user can always come back to the centre via a fog-proof sculpture.
TECHNOLOGY USED: JavaScript, Babylon.js, HTML
The backend technology uses virtual private servers to host several Linux machines. The machines are turned into streaming and hosting serves using a variety of node packages. The site is able to stream to >100 users at a time while atomating user submissions, scheduling, and broadcasting.
TECHNOLOGY USED: Node.js, Express, npm, JavaScript, jQuery, NGINX, VPS, Linux
Poetry.dna explores the relationship between the organic and the mechanical.It is a generative poetry bot that is modelled after the biological principles of evolution, mutation, and self-regulation. Inspired by artificial intelligences that learn based on associative phrasing (such as twitter bots) this project is given the capacity to create unique phrasing, wording, and formatting to poetry on it’s own accord. This ability is passed on through JavaScript where Poetry.dna is given a large array of data about the English language and the use of mathematics such as Markov chains.
TECHNOLOGY USED: RiTa.js, JavaScript, jQuery, HTML / CSS
The Mycocene website was done for a personal art project. Mycocene is an art installation speculating on alternative views to the Anthropocene. The Mycocene hypothesizes an alternative framework where mycelium is the most prominent force of change on the planet's surface - this framework suggests a reality where our current use of technology is composted into one that has symbiosis in mind. Mycocene was created in collaboration with Emma Forgues, Sam Bourgault, Owen Coolidge, and Matthew Salaciak.
TECHNOLOGY USED: JavaScript, jQuery, HTML / CSS
somme-collective.net is the portfolio site for my collective, somme. It prioritizes a clean display, working with low-sized png files for transparency, fading modals, and responsive design.
TECHNOLOGY USED: JavaScript, jQuery, HTML / CSS
My personal site was made in two sections, my project page and my portfolio page. This links to my project page, both were designed differently. The project site is simple and responsive, using node modules to display photos in a lightbox setting. It is a single page app where query hashes in the url will bring the user to various projects. The portfolio site was done in p5.js to allow for custom arrangement of links and a fading canvas. The canvas brings up images and text per project but "sticks" after the user stops hovering. The sticky info will be replaced when the user hovers above another link.
TECHNOLOGY USED: JavaScript, jQuery, HTML / CSS, p5.js
SYMPOÏÉTIQUES was Hexagram's 2020 showcase of their network's output. Alongside a content production team, I worked with Marc-André Cossette to code a platform that would allow the network's many members to login and contribute their own text, video, audio, or interactive experiences. My role was a mixture of design, CMS implementation, content formatting, and creative Javascript elements.
TECHNOLOGY USED: JavaScript, HTML / CSS, Joomla, PHP
The Critical Gardening Collective's site was coded on a backend of Obsidian, a markup based CMS, to provide the collective with an ongoing wiki-style website that can be updated by all members. The site focuses on providing a more hypertext focused navigation style hybridized with a graph view that allows the viewers to see all immediate connections between the page they are on and adjacent pages.
TECHNOLOGY USED: JavaScript, HTML / CSS, Obsidian