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.

Tweet A Game With nano JAMMER

2018-08-12

nano JAMMER by @CasualEffects is a fun little toy for game developers. The goal is to write an entire video game using only 280 characters of source code. The language offers a few dozen sprites, 32 color palette, and variables named as greek letters. All designed to keep the character count down. I made some... Read the full article

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.

AR In The Browser

2018-08-10

Trying out AR.js, a browser based AR solution that works remarkably well. It uses a trigger image to anchor an #AFrame scene and overlays a phone camera preview. You can get the trigger image here. Either print it or display it on another screen. Then grab a smartphone and head over to ar.greenzeta.com to check... Read the full article

WebVR Invasion!

2018-07-29

Doing some #WebVR experimentation with #AFrame. This scene was put together in a few hours using only HTML primitives. Check it out in a Google #Cardboard compatible headset for the full 3D effect. http://ar.greenzeta.com/scene.html

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.

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.

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.

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.

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.

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.

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