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

Topic: javascript

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.


More Equip > Pants Coming Soon!

published:
2012.10.31
topics:
games
javascript

The Legend of Equip Pants: Adventure RPG

Play Legend of Equip > Pants Now!

Episodes 1 and 2 are now available for free!