92Y VR Experience

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

ConEdison DSM

Instructional website for energy company ConEdison to help building managers learn energy efficiency techniques.

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.

Google Map Web Component

2018-07-20

The Google Maps Web Component drastically simplifies the process of adding a map to your project. The example below shows how it accepts all of the usual #JavaScript #API parameters.

GZ Playground

Web experiments and other fun stuff

Web experiments and other fun stuff

Ivanka Trump Storefront

Website and ecommerce solution for the Ivanka Trump brand.

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.

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.

Colony

A virtual ant colony experiment in TensorFlow.js and Vue.js

An experiment in Machine Learning with TensorFlow.js and reactive design with Vue.js. Colony lets you train a colony of ants to survive and thrive in their environment.

CSS Paint API: Animated Gradient

2018-07-15

Rather than write out a complex linear-gradient property to the style tag, this approach with the #CSS Paint API uses a single numeric value. The gradient structure is offloaded to a #JavaScript worklet for cleaner code. Right now the Paint API works only in Chrome and Opera.

Life Energy

2018-06-18

In order to help determine success, the ant now has a limited lifespan. A dead ant is marked by a red square. The neural network will be trained to progress outward and locate food to replenish energy.

Jo Malone English Oak Experience

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

Sherwin-Williams Donate Your Color

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

Theraflu Thermoscanner

An interactive kiosk, developed for GSK's "How Sick is Vegas?" campaign.

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.

Swatter

Train a neural network to evade death! An experiment in synaptic.js

An experiment in machine learning. Swat the fly by swiping toward it. Each generation of fly is trained with the data from the previous. Eventually the fly will learn to evade death.

A Blank Brain

2018-05-31

Modified the ant initialization to run off an untrained model. The output values are compared against a random number to allow the ant some variation when the outputs are closer to 0.5. As the model is trained, the randomness begins to disappear.

Classification Model

2018-05-30

Changed the TensorFlow model over to a linear classification model taken from my XOR example. The sensory inputs are translated into a bit mask and output as a single action.

LUMA Partners Website

Custom WordPress site built for investment bank LUMA Partners.

Skippy Art

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

Estée Lauder Breast Cancer Awareness

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

Browser Based Voice Recognition With Pocketsphinx.js

My latest GreenZeta Original, HeyHilri! The World’s First Politically Inspired Digital Assistant, explores Javascript based voice recognition in the browser. When I started this project my first inclination was to use a web service. Finding a reliable service, that was affordable, was harder than I expected. Some searching led me to the project Pocketsphinx.js. Pocketsphinx... Read the full article

Hypertension

A word association game using CSS animation and WebAudio API

An experiment in the MEAN stack. Hypertension is a word association game presented in HTML 5 using CSS animation and WebAudio API.

Manual Activation

2018-05-29

In order to make the page more responsive, the TensorFlow model is no longer trained onLoad. Training takes a few seconds and stalls the UI completely. Training is now triggered by a button. Later, this process will be represented as the birth of a new ant.

Barriers

2018-05-28

Added a click event to each grid cell which changes its state to “barrier”. Eventually this will be represented by a rock. Barrier cells return a blocked state from the environment and the TensorFlow model triggers a “turn” intent.

Adding Some Randomness

2018-05-27

A slight modification to the ant, it now selects a random direction when choosing to turn.

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