Theraflu Thermoscanner

Angular PWA featuring HTML5 canvas image manipulation from a thermal camera feed.

Skippy Art

An HTML5 canvas app that simulates drawing in Skippy® peanut butter with your finger.

ARcostume: A Progressive Web App

ARcostume isn’t unique in placing AR widgets over your body. But it moves the starting point of Augmented Reality from an app, to something physical you wear. It’s something you can talk about immediately and show people with just one instruction: “Scan the QR code”.

Location Themes

2018-12-03

#Flux now supports themes for each location. The theme overtakes the content area by applying a class name set in the editor. The theme styles are set in the project theme #sass file.

GZ Playground

Web experiments and other fun stuff

Web experiments and other fun stuff

92Y VR Experience

An immersive Web VR video showcasing the future of 92Y.

ConEdison DSM

WordPress site featuring interactive virtual tour of an energy efficient building, custom data types and SalesForce integration.

Ivanka Trump Storefront

Website and ecommerce solution for the Ivanka Trump brand.

Create A Neural Network With TensorFlow.js

TensorFlow.js is an extremely powerful machine learning framework. But its demonstration apps can be a little intimidating for newcomers. I wanted to make a straightforward example of a model that demonstrates the basics of TensorFlow.js. In this article walks through a simple classification model which solves for XOR.

Last Year’s Content is Back!

2018-11-25

Last year’s content is finally in the new system. The change to dialog trees made most of the old content incompatible so I had to do a lot of copy/pasting. This year I decided to simplify things a lot and am ditching The Mall all together in favor of treasure hunting throughout the house. The... Read the full article

XMas Theme

2018-11-24

Added a theme file to the root of #Flux core. This allows custom coloring of the #Angular Material interface, as well as any global #CSS that’s UI specific for each project. Xmas Eve Nightmare is getting its usual red and green coloring.

AutoCraft

Custom WordPress site built for auto customization team AutoCraft.

Estée Lauder Breast Cancer Awareness

Custom WordPress site built for the Estée Lauder Companies’ Breast Cancer Awareness Campaign 2017.

Jo Malone English Oak Experience

Custom website built for the Jo Malone English Oak product launch.

nod.js

Google’s Cardboard viewer standard has no standard control scheme. This is what led me to write nod.js, a simple gesture based event system for Google Cardboard enabled web apps. It uses device accelerometers to detect a sharp motion in one of four directions: up, down, left and right. With nod.js you can implement actions such as next, previous, confirm and cancel without the need for an external controller.

Dialog Editor

2018-11-23

I completely redesigned the dialog editor in #Flux. The old version with the logic gate metaphor got way too confusing. Now it uses a simple dialog tree. Each tree contains a trigger (based on an inventory key) at the root to determine display. Each tree node contains actions (inventory keys, prestige points, teleporting?) that are... Read the full article

Maverick!

2018-11-22

Playing with timeline animation. Not one of my strong suits. But here’s a flyby of the Area 51 primitive.

Sherwin-Williams Donate Your Color

A Chrome browser extension developed for the Sherwin-Williams Donate Your Color campaign.

Hulu – Come TV With US

HTML5 banner ad campaign for Hulu trade advertising.

LUMA Partners Website

Custom WordPress site built for investment bank LUMA Partners.

Predator Vision

A recent project I worked on involved a thermal camera. At first it wasn’t clear whether or not we would be able to wire it into a web app. I decided to create a few alternative prototypes to fall back on, one of which involved motion detection. Anything moving is likely to produce heat. The effect works by capturing two frames, 3 seconds apart, from the live video feed. Even someone holding still to pose for the camera moves a little. Cheating, for sure, but the effect works really well.

Local Storage

2018-11-20

Needed this feature for a long time. Finally implemented local storage in #Flux. Changes are now saved immediately in browser. Firebase storage is now controlled manually with Cloud Save/Load buttons in the main editor component.

Angular Modularity

2018-11-19

In my refactoring of #Flux, I broke it out into three #Angular modules: flux-engine, flux-editor, flux-interface. The engine module contains class interfaces for the data models and services for managing them. Editor is a full GUI editor for the story content. And the interface module contains the components necessary for front-end UI. A router in... Read the full article

Material Design

2018-11-17

It’s #holiday time again, which means it’s #interactivefiction time. I’m refactoring my IF engine, #Flux, a bit. Upgraded the project to #angular 6, using the awesome #MaterialDesign framework Angular Material. And now, I’m pushing the source to GitHub!

Estée Lauder Breast Cancer Awareness

Custom WordPress site built for the Estée Lauder Companies’ Breast Cancer Awareness Campaign 2016.

Converse Counter Climate Banners

HTML5 banner ads for Converse “Counter Climate” campaign.

Gazprom Presentation Builder

Web based CMS for multi-media presentations on iPad and AppleTV