Topics:
apps
css
games
javascript
mobile
node
php
speaking
tehcl
textmate
tools
video
webgl

Topic: javascript

Beemo - Adventure Time iOS App

updated:
2013.08.24
published:
2013.07.24
topics:
apps
games
javascript
mobile
Beemo Screenshot. Beemo blink animation.

Mathematical Opportunity!

Ham in the Fridge and Cartoon Network.

I had the joy and privilege of working on the Beemo - Adventure Time iOS app. I'm a huge fan of the cartoon, so this was a special project for me.

The app was produced by Cartoon Network and designed by Ham in the Fridge. My company Zachstronaut LLC was hired by Ham in the Fridge to program the app for iPhone, iPad, and iPod touch.


Fixing the UX of Infinite Scroll

published:
2013.04.15
topics:
javascript
speaking
Twitter Y U No Remember State

Infinite Scroll aka Endless Scroll sucks. It's that feature where you can scroll down forever on Twitter or Facebook and more content keeps loading. It's a brilliant UI idea in theory, but it creates all sorts of obnoxious problems for the user in practice... like breaking the Back button, and creating mortal dread around clicking things for fear of losing your spot...

I presented a session at MinneWebCon 2013 titled "Fixing the UX of Infinite Scroll" (view the slides). In the presentation, I think through the User Experience issues we need to address, and I dive into the HTML5, CSS, and JavaScript features we can use to code up a better Infinite Scroll... one where you don't lose your place when there is an error or when you click a link or your Back button... one where you can skip back in time fast without having to scroll forever... an infinite scroll solution that embraces the web and how browsers work!

I integrated my Infinite Scroll fix ideas into a basic install of WordPress. View the Proof of Concept Demo. It's a little rough around the edges, but a solid demo nonetheless. The fix largely comes down to using scroll events and the HTML5 History API.

Here's my main.js file with patch code for jQuery/WordPress Infinite Scroll.


Global Game Jam 2013 Entry

published:
2013.01.28
topics:
games
javascript
mobile
node

I participated in the 2013 Global Game Jam with many other folks from IGDA-TC. I teamed up with Will Buck and Scott Lembcke to make a game called Operation Party.

Screenshot.Screenshot.

Operation Party is a realtime multiplayer party game, inspired heavily by our collective admiration of the incredibly fun game Space Team. Our game was built in HTML5 with reasonable support across desktop, iOS, and Android making it pretty accessible for a large group to play together in a room. The server is written with Node.js, and the networking is done with Socket.IO (a wrapper for WebSockets.)

Will and I focused on the game engine and networking, and Scott put together some really silly and fun interactive widgets (that play best on a touch screen). Barry helped a ton by cranking out the artwork for us. Not too shabby for a weekend's work!

The code is available on GitHub.


LD 25 Entry: "You Are The Villain"

published:
2012.12.18
topics:
games
javascript

Ludum Dare is the thrice annual competition to make a game by yourself from scratch in 48 hours. The December 2012 theme was: "You are the Villain." I made a game that plays like Pipe Dream, but you lay down train tracks trying to maximize the number of goats tied to train tracks that you can run over. Why goats? Well, for the first time LD had a special silly bonus theme modifier, and it was goats.

Game screenshot.

Anyway, why don't you play my game and let me know what you think!

And here are some more Ludum Dare 25 games to check out, also made by people from Minnesota:

LunchLady screenshot.
Feed The Towers screenshot.
Henchmen screenshot.

Narwhal Knights - Multiplayer Game

published:
2012.11.30
topics:
games
javascript
node

Narwhal Knights gameplay animated GIF.Node.js Knockout 2012 Award Winner - Utility/Fun Category

Narwhal Knights is a massively multiplayer networked game of jousting, flying narwhals. I made this game in 48 hours with Team Watermelon Sauce for the 2012 Node.js Knockout competition and was awarded winner in the Utility/Fun category. My teammates were Paul Armstrong and Jesse Mullan.

The game is written in JavaScript using the Impact engine. The server and realtime multiplayer component are built with Node.js and WebSockets via Socket.io.

Narwhal Knights is currently offline, but you can watch a gameplay video on YouTube.