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

Topic: webgl

GGJ2015 Game: Actual Working Time Machine

published:
2015.02.06
topics:
games
javascript
video
webgl

I teamed up for Global Game Jam 2015 with Mike Waterston and Tori Kamal so that we could bring to you a fully functional, honest to goodness, working Time Machine. This is not a simulation

How to Time Travel

  1. Open your mind
  2. Click link to Time Machine Software

Here is a little screen capture for the timid:


Cycho - IGF Game Submission

published:
2014.10.22
topics:
games
javascript
video
webgl

Cycho is Alfred Hitchcock meets Tron light cycles. Two players compete for survival as they maneuver on a giant moving eye. The two players can fight for control of the eye, or a third person can play as the eye and menace the two cycles. It might just be the weirdest game of "snakes" you'll ever play. Eye think you should try it.

I submitted Cycho to the 2015 Independent Games Festival. This is the first time I've submitted one of my games to IGF.

Cycho is based off of a 48 hour solo project that I created during the 2014 Global Game Jam. I used a WebGL bulge filter to create the 3D effect on the eyeball. The awesome music and sound are by Dan Knoflicek.

Browser WebGL Version

Tron rules apply... don't hit yourself, the other player, or the edge of the box marking the arena. Google Chrome gives the best experience. Xbox controllers recommended. There is an instructions screen in the game.


NES Glitch Study - WebGL Pixel Shader

published:
2014.04.12
topics:
games
javascript
video
webgl

I've been working on a study of glitches in the NES rendering/sprite system. Here's a video showing realtime glitching of a Legend of Zelda screencap. What you see is a completely procedural and randomized effect rendered in realtime through a WebGL pixel shader written in GLSL with a driver program written in JavaScript.


Eye Cycle - Global Game Jam 2014

published:
2014.01.29
topics:
games
javascript
webgl

Make sure to check out Cycho -- a more recent and more polished version of my GGJ 2014 project.

If you're like to learn about the original Global Game Jam project, then read on!


WebGL Fake CRT Effect for HTML5 Games

published:
2012.08.17
topics:
games
javascript
webgl

I created a realtime fake CRT effect with screen bulge, vignette, and scanlines using a quick little hack. WebGL scrapes a 2D game's HTML5 canvas and applies effects. Never have your JavaScript games been more "indie" ... lulz. It looks like this — and I made the bulging subtle so that it wouldn't make players seasick.

Screenshot of fake CRT effect applied to game.

Play around with the game to get the best feel for it. Usually works, although I should warn you that Safari 6 managed to freeze my entire system for a minute at least a couple times... but not every time. You might be happier in Chrome. There's a bit of a flicker caused by a bug (although it kind of adds to the CRT effect!) I also applied the effect to this RPG game that doesn't have the same flicker issues. And here's a screen capture of the effect on YouTube.

When I discovered Evan Wallace's glfx.js lib, this is actually the first thing I thought of. It is a library meant to apply realtime WebGL effects to an image, but the <canvas> tag can actually be addressed as an image source... so, viola!

Here's the code I used to quickly hack together a working demo of the idea...