The Making of Charon Jr. (JS13K Postmortem)

Please vote on the game if you haven’t already, just requires a github account and you can login and vote: https://dev.js13kgames.com/games/charon-jr 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 […]

Math for Game Development and WebGL Part 3: Radians

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. […]

Math for Game Development and WebGL Part 1: Vectors

After rekindling my interest in 3D game development, I looked at WebGL. Being a web dev, this made sense. Unfortunately resources for this are mediocre at best. While WebGL2Fundamentals and the Introduction to Computer Graphics book do cover some of what’s needed, they largely skip the actual math and just tell you to do something. […]

Transforming Mouse Coordinates to Canvas Coordinates

Learn to transform the mouse cursor into transformed canvas coordinates, allowing you to drag, zoom to cursor, and interact with graphics in the canvas regardless of the canvas’s current transformation state. Extremely useful for html games and image editing programs. This post takes a modern approach to solving the problem using vanilla JavaScript, and explains the solution simply and in detail.