Intro I’m now a year into learning Japanese, and I’m starting to consume Japanese media. I’m certainly no expert in Japanese yet, but I know enough to follow along with most media as long as it’s not too advanced. One tool I’ve used to help me do this is the Yomitan browser plugin. If I […]

Intro This game builds upon my 3d game engine I’ve used the last 2 years, for more background on the more foundational parts of the game engine, read about last years entry and my entry from two years ago. Pre-Comp Engine Improvements Collision Detection After many experiments with different collision detection methods, I decided to […]

After Last Years Competition At the end of last year’s competition, I knew there were a handful of things I wanted to do to prepare for the following year. Toolset While I had already come up with a pretty good build process before last years competition, there were a few annoying things about it. The […]

In part one we got the basic technique working and created a shadow map. To keep part one as focused as possible, no other lighting calculations were done, leaving us with a shadow map but some weird self shadowing. Now we’re going to smooth our pixelated edges, add lighting calculations, clean up our code, and […]

Shadow maps are surprisingly not too hard to implement in WebGL, at least not much harder than regular texturing, but you wouldn’t know that by looking for tutorials on them. The aim of this post is to fix that and provide a walkthrough from the simplest possible shadow map implementation to a reasonably nice final implementation. […]

I came in 6th place! Thanks everyone that played and voted! This was my first ever 3D game, and really only the third game I’ve ever made. At the end of last year’s JS13K I knew I wanted to move to 3D, so I went on Kahn Academy and learned about vector math, matrix math, […]

What is a matrix? A matrix is a rectangular array of numbers arranged in rows and columns: $$\begin{bmatrix} 1 & 2\\ 3 & 4 \end{bmatrix}$$ You may think, isn’t a vector also a rectangular array of numbers? Yes, you can also think of a vector as a matrix with one row or one column (row vs column […]

Now that we know how to find the x and y position of an angle, can we just take an angle and draw our points there? Not quite. Any given point already has an angle, as you can see here: The point (4, 3) already has the angle shown as α. Now what we could do […]

Now we’re going to talk about math with triangles and certain measurements and properties of triangles. Also known as, trigonometry. It’s not as scary as it sounds. We already know the Pythagorean theorem, we used it to find the magnitude (aka length) of our vector. It turns out that other properties of triangles are very […]

We’re getting into rotation now which means we are going to be doing a lot of math with angles. When doing math with angles, you generally won’t use degrees like you may be used to. In math you generally want to use radians. A radian measures the angle as related to the radius of the circle. […]