Call of Duty: Warzone Mobile

HTML | CSS | JavaScript | TypeScript | React | Node.js | Material UI (MUI) | Tailwind CSS | +4 more

As a senior engineer at Activision, I was part of the webtools team for Call of Duty: Warzone Mobile. Our team’s mission was to design and develop web-based tools to facilitate the live operation of the game’s various configurations.

Dinogram

TypeScript | React | Redux | React Flow | Material UI (MUI) | Monaco Editor | React-Player

Dinogram is a web application that brings together diagramming, note-taking, brainstorming, and more into a single, unified workspace.

JSBX

React | Redux | Material UI (MUI) | CodeMirror

JSBX is an HTML/CSS/JavaScript sandbox tool that I created for quickly prototyping and testing code in the browser. I use it nearly every day to test and debug bits of code prior to incorporating functionality into my production work.

Ad Format Matrix

HTML | CSS | JavaScript | Node.js | Bootstrap | GSAP

The Ad Format Matrix served as a supplemental training tool and reference guide for sales and account managers.

Creative Showcase

HTML | CSS | JavaScript | Bootstrap | Wordpress

The Creative Showcase is a curated collection of project case studies, highlighting the project's challenges, goals, solutions and performance metrics.

The Adventures of Clive McMulligan

Game Maker Studio

The Adventures of Clive McMulligan on Planet Zeta Four is a retro inspired 2D platform game available for PC.

Akira: Kaneda's Jacket Landing Page

HTML | CSS | JavaScript | Node.js | webpack | GSAP

This webpage was developed to promote and generate excitement around the release of a replica of the iconic Kaneda Jacket from the 1988 anime film Akira, which was set to be sold in the Funimation shop.

Display Ad Framework

HTML | CSS | JavaScript | Node.js | Motion One

This banner ad framework is a streamlined, code-based solution that simplifies creating interactive display ads.

Adobe Animate Components

Adobe Animate | HTML | CSS | JavaScript | Node.js | Three.js | EaselJS | TweenJS

During my time at Tremor Video I was tasked with developing several reusable Adobe Animate components. The examples provided here represent just a handful.

Mayor Riggle's Glorious Goodies

Adobe Animate | JavaScript | EaselJS | TweenJS | SoundJS

This gamified ad experience was created to raise awareness of Harrah’s Southern California resort.

Lottie Web in Adobe Animate

Adobe Animate | JavaScript | EaselJS | Lottie

This was an exploratory project to test the feasibility of incorporating Lottie Web animations in an Adobe Animate canvas project.

Video Hotspot Creator

HTML | CSS | JavaScript | Node.js | webpack | Bootstrap

This prototype web app enables the creation and precise placement of interactive hotspots on video content using HTML, CSS, and JavaScript.

Segmented Video Player

HTML | CSS | JavaScript | Node.js | webpack

The Segmented Video Player is a tool that allows users to view vertical or ultra-wide videos on a standard 16:9 monitor by dividing the video into multiple segments.

Text Diff

HTML | CSS | JavaScript | Node.js | webpack

The Text Diff Tool is a web-based application for comparing two text strings and highlighting their differences. Users can paste text into two input panels, with differences displayed in a third panel.

Text Replacer

HTML | CSS | JavaScript | Node.js | webpack

The Text Replacer tool is a versatile web-based application that allows users to quickly and efficiently replace specific words or phrases within a block of text.

QR Code Generator

HTML | CSS | JavaScript | Node.js | webpack | node-qrcode

The QR Code Generator is a web-based tool that allows users to easily create and download customized QR codes.

Game Demos & Prototypes

Game Maker Studio | JavaScript | HTML | CSS | JavaScript | Node | Webpack | EaselJS | +1 more

An assortment of prototype games that I have worked on over the years.

Elevator Simulator

HTML | CSS | JavaScript | Node.js | webpack

Experience the joy of riding an elevator without even getting out of your seat!