JSBX

NodeJS - HTML - CSS - JavaScript - Code Mirror

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.

Segmented Video Player

NodeJS - HTML - CSS - JavaScript

The Segmented Video Player is a tool for playing vertical or ultra-wide (horizontal) video on a standard 16:9 monitor. The player splits vertical video or ultra-wide video into a specified number of 'segments' and allows you to quickly switch between them on the fly, while the video is playing.

Text Diff

NodeJS - HTML - CSS - JavaScript

The Text Diff tool is a simple tool that takes 2 different text strings and highlights the differences between them. There are several different methods for testing and displaying differences using the drop down at the top-right.

Text Replacer

NodeJS - HTML - CSS - JavaScript

The Text Replacer tool is a simple tool for replacing one or more values in a provided text string.

QR Code Generator

NodeJS - HTML - CSS - JavaScript - node-qrcode

This is a tool I created for generating QR codes; create individual QR codes or create batches using a JSON file.

Display Ad Framework

NodeJS - HTML - CSS - JavaScript - Motion One

A simple yet robust framework for creating HTML display ads.

Akira: Kaneda's Jacket Landing Page

HTML - CSS - JavaScript - GSAP

This page was created to provide information and generate hype about the upcoming release of the Kaneda replica Jacket from the 1988 movie Akira.

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.

Ad Format Matrix

HTML - CSS - JavaScript - Node - Bootstrap - Greensock

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

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.

Adobe Animate Components

Adobe Animate - HTML - CSS - JavaScript - Node - ThreeJS - 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.

Lottie Web in Adobe Animate

Adobe Animate - Lottie - EaselJS - JavaScript

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 - Bootstrap

Prototype web app for creating an positioning interactive hotspots on top of video content.

Elevator Simulator

HTML - CSS - JavaScript - Node - Webpack

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

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.

Game Demos & Prototypes

Game Maker Studio - JavaScript - HTML - CSS - JavaScript - Node - Webpack - EaselJS - PixiJS

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