games.greggman.com

HTML5 ByteBeat

gman — Mon, 13 Feb 2012 03:03:41 +0000

My friend Danny introduced me to Bytebeat music. There’s a great introduction here. The short version of it is you write a function that given only ‘t’ as input produces music.

Danny also introduced me to glitch machine which is cool iOS app for playing with Bytebeat music. The article above also links to

Inspecting Cookies in Chrome

gman — Sun, 22 Jan 2012 01:10:09 +0000

Someone told me (sorry I forgot who) they wished they could inspect cookies in Chrome.

Well, I checked and Chrome already has a cookie inspector.

WebGL 2D – Moving Things Around – Part 4: Matrix Magic

gman — Thu, 19 Jan 2012 07:39:40 +0000

This post is a continuation of a series of posts about WebGL. The first started with fundamentals and the previous was about scaling 2D geometry.

In the last 3 posts we went over how to translate geometry, rotate geometry, and scale geometry. Translation, rotation and scale are each considered a type

WebGL 2D – Moving Things Around – Part 3: Scale

gman — Thu, 19 Jan 2012 07:26:57 +0000

This post is a continuation of a series of posts about WebGL. The first started with fundamentals and the previous was about rotating geometry.

Scaling is just as easy as translation.

We multiply the position by our desired scale. Here’s are the changes from our previous sample.

<script id="2d-vertex-shader" type="x-shader/x-vertex">
attribute vec2 read more...

WebGL 2D – Moving Things Around – Part 2: Rotation

gman — Thu, 19 Jan 2012 07:23:26 +0000

This post is a continuation of a series of posts about WebGL. The first started with fundamentals and the previous was about translating geometry.

I’m going to admit right up front I have no idea if how I explain this will make sense but what the heck, might as well try.

First I want

WebGL 2D – Moving Things Around – Part 1: Translation

gman — Thu, 19 Jan 2012 07:16:22 +0000

Before we move on to 3D let’s stick with 2D for a little while longer. Bear with me please. This article might seem exceedingly obvious to some but I’ll build up to a point in a few articles.

This article is a continuation of a series starting with WebGL Fundamentals. If you haven’t read

WebGL and Alpha

gman — Fri, 06 Jan 2012 18:48:47 +0000

I’ve noticed some OpenGL developers having issues with how WebGL treats alpha in the backbuffer (ie, the canvas), so I thought it might be good to go over some of the differences between WebGL and OpenGL related to alpha.

The biggest difference between OpenGL and WebGL is that OpenGL renders to a backbuffer that is

WebGL Image Processing Continued

gman — Mon, 02 Jan 2012 21:58:56 +0000

This article is a continuation of WebGL Image Processing. If you haven’t read that I suggest you start there.

The next most obvious question for image processing is how do apply multiple effects?

Well, you could try to generate shaders on the fly. Provide a UI that lets the user select the effects

Why Android and iPhone Both Suck

gman — Mon, 02 Jan 2012 04:51:47 +0000

Most people get used to one and hate the other. I hate both.

My history with these devices is as follows. I had an iPhone3 in 2008. I busted it in frustration in September 2009. I was going to get a new one but I was given a free Nexus-One in December 2009 so I

WebGL Image Processing

gman — Sat, 31 Dec 2011 22:28:50 +0000

Image processing is easy in WebGL. How easy? Read below.

This is a continuation from WebGL Fundamentals. If you haven’t read that I’d suggest going there first.

To draw images in WebGL we need to use textures. Similarly to the way WebGL expects clipspace coordinates when rendering instead of pixels, WebGL expects texture