War of the Worlds Broadcast

Demo site featuring ES6, HTML5 Audio, CSS Animation and Invaders from outer space.

Relive the night of October 30th 1938, when martians were real. Demo site featuring ES6, HTML5 Audio, CSS Animation and Invaders from outer space.

Intro With Style

2018-09-14

Added a glowing silhouette of the radio as an inline svg. It adds a graphic touch to the app before any actual image files load. The menu is fully interactive at this stage as well. For mobile devices that don’t auto-play, the radio becomes a button to “tune in” and trigger the stream.

Look ‘n’ Feel



The final menu style using the vintage button look. I was going to try some analog format for the clock but this works well so i kept it. The explanatory copy now expands/collapses instead of scrolling.

GZ Playground

Web experiments and other fun stuff

Web experiments and other fun stuff

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

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

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.

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.

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.

Finishing Touches

2018-05-06

Added some wallpaper to the background and an instructional graphic that illustrates how to swipe. A pre-loader now caches all the image and sound assets before displaying the fly. To finish it off, I added an info button to explain the app, and a GreenZeta badge at the bottom.

Art Improvements

2018-05-05

Lots of improvements to the artwork. The new hairy appearance is added to the fly head. When training, the thought bubble is replaced with a blackboard. It now shows which directional data has been added to the training set. I also added a mortarboard to the head, just for fun.

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.

End Screen

2018-03-30

Added a tentative game-over screen. Playing around with 3d transforms, not sure exactly where I’m going with the design but the “lifetime” value will be used in the final version.

More Sound

2018-03-28

Added some (final?) sound assets to the webaudio service. I was a little concerned that the javascript audio triggers wouldn’t align with the timing of the CSS animation but it seems to be working well.

Zeta Burger

Burger delivery game built in Unity

An HTML5 game developed with Unity. Ever wonder why Zetas are so interested in cows? It's because hamburgers are the one universal delicacy. Don your delivery hat and hop in your parent's saucer to start your job in burger delivery.

Splash Sketch

2018-03-29

Sketching out possible splash/intro screen artwork. I got the idea of Alpha Zeta driving around in a cartoonishly small ship a while ago. Finally committing it to paper.

Crumple Zone

2018-03-14

Added the crumple animation to the ship prefab and tweaked the gravity a bit more. Also turned on rotation on collision so the ball spins around.

Listimate

A shopping list Progressive Web App built with the Ionic framework

A Shopping List App built with the Angular and Ionic frameworks. Listimate uses a powerful algorithm known as "rounding up" to ensure you remain under budget.

Scrollin’

2018-03-04

Made some UI tweaks. Put the list inside an ion-scroll component to make the total & new item panels fixed to the top. Moved the pin/unpin button to the left side, closer to its icon. Also fixed the list sorting directive that prevented some checked items from moving to the end of the list.

Progressive Web App

2018-03-01

Not quite a PWA, but almost. Using the service worker that comes with ionic to trigger the PWA install dialog in mobile Chrome. Offline still isn’t working quite right. It caches the files, aggressively, but still requires an initial connection to start after the install.

Zeta Bowling

A game of intergalactic bowling presented in Unity WebGL

An experiment in WebGL using Unity3D. Try a game of intergalactic bowling against a decuplet of Zetas.

Ball Selection

2018-01-02

In addition to the Earth ball, you can now select Mars, Jupiter or Sol. Weights are 8, 12 and 16 pounds respectively.

Adding Ball Selection

2017-12-02

Adding ball selection to Zeta Bowling. bowl.greenzeta.com

Xmas Eve Nightmare

Interactive fiction built with the Angular framework

Catastrophe has befallen your family on Christmas Eve. There are no presents under the tree! It seems that Santa (you) forgot all about them. Save Christmas for your family by finding each of them the perfect gift. The kids will wake up in twelve hours so there's no time to waste!

Flux Dev Tools

2017-12-10

Adding some #dev tools to Flux to make #testing easier. #Xmas Eve Nightmare: https://buff.ly/2kPul8w #webdev #gamedev #angular #screenshot

Background Image Test

2017-12-09

Trying out the background image in context. #Xmas Eve Nightmare https://buff.ly/2kFJ2uQ #screenshotsaturday #gamedev #webdev #css