Catchvar - catchvar.com
General Information:
Latest News:
Three.js - Procedurally Generated Infinite Terrain 19 Sep 2011 | 09:28 pm
There's nothing like a good old fashioned minecraft-esque infinite procedurally generated terrain to really test what's possible in a browser. So, I decided to give it a go. Initially the basic idea w...
Setup Vim for Productivity 18 Sep 2011 | 08:09 pm
Recently, I had been struggling to find a good text editor for all of my development needs. It needed to have a pleasing color scheme and font. You'd be surprised how a little eye candy can extend you...
Window, Self, and Web Workers 11 Sep 2011 | 02:19 pm
HTML5 Web workers push the ante up for what is possible in a browser. You can perform computationally heavy tasks without freezing the browser. This is done by giving the worker a script that is run i...
Three.js - Animating Blender Models 3 Sep 2011 | 10:23 pm
A few months ago I experimented with using Blender to create 3D models. First, I created a tree that you can see in previous posts. Then I had the idea to create a "troll", that could be used in a gam...
Terrain Generation using Perlin Noise with Negative Coordinates 9 Aug 2011 | 08:44 pm
Lately I have been working on another Three.js + Node.js project that involves terrain generation similar to Minecraft. In order to create interesting terrain I am using 3D Perlin noise. It's basicall...
Node.js server and Web Sockets on Amazon EC2 with Express.js and Socket.IO 20 Jun 2011 | 09:44 pm
For testing multiplayer connectivity I set up an Amazon Web Services EC2 micro instance to host a node.js app. This post will cover setting up and installing node.js (working with sudo), npm (working ...
Three.js dive - code debug 20 Jun 2011 | 04:16 pm
In the first version of my previous post Three.js Game Part 3 - Animated Sprites + Backbone.js there was a slight bug. In orthographic projection objects are supposed to stay the same size no matter t...
Three.js Game Part 3 - Animated Sprites + Backbone.js 11 Jun 2011 | 10:12 pm
So far we have a very basic landscape and the ability to capture screen coordinates in an 3D world displayed isometrically. Now it'd be nice to have some interaction available. I started by just makin...
Three.js Game Part 2 - Transforming Isometric Screen Coordinates to 3D Coordinates 5 Jun 2011 | 02:50 pm
In my previous post we started off pretty simple, just to display a landscape with a tiled texture. The next step is to create some movement. At first, I decided that my character would move by a mous...
jquery-tmpl.js vs Handlebars.js 22 May 2011 | 02:47 pm
Previously, I've worked on large javascript applications that make tons of manipulations to the DOM manually or store lots of HTML as a string. When these pieces of code pieces grow they become a huge...