The process started a little over a week before the project was due and I thought the content was due on a Friday instead of a Monday. I wrote up a quick game design idea, and it turned out to be a half decent idea. I mean, I couldn't think of a title, but all it took was a quick re-theming and it fit, so... meh.
The hardest part, honestly, was cleaning up the design document. Even now, it's still a jumbled mess. I'd like to break it into fewer, more manageable chunks. First, though, I'm going to get this project done and submitted. And maybe watch a lot of anime.
I spent about fifteen minutes writing the content for the rest of the pages, and moving the proposal from markdown into HTML (as you can guess by the relatively little effort I put into the homepage). I plan to refine it all once I've actually written the game, since it's a lot easier to describe something that I've already done and that already exists than it is to describe something I plan to do without introducing too much for me to take on.
What I spent most of my time on was the CSS -- mostly fiddling with magic numbers to get things looking as good as possible. Plus, I had a lot of trouble trying to get the header bar looking just right.
Similarly, right now the header bar and sides of the page are fairly empty. I want to use assets from the game, but since I won't have time to make any for a little while, I'll just need to wait until I'm not quite as busy. I plan to make the background of the header a road texture, and the background of the main body a generic city, made up of assets from the game.
The first thing I did on this project was to redo some of the CSS and HTML on the site, and start designing (mostly on paper) the API I'm going to be wrapping around PixiJS to make a very simple game engine. I did them basically at the same time, because the CSS and HTML changes were mostly boring and fiddly, and the API design was a fun challenge.
The basic movement system, which allows handbraking, was relatively simple to implement; it just required a little bit of trig.
The first big issue I had was getting the camera working -- in my head, and when trying to figure out the math on paper, I'd forgotten to invert something, so it took far longer than it should have. The second was collision detection, but that was just working a couple of kinks out of my implementation of a well-known, well-studied, well-documented theory: the separating axis theorem. Notably, I forgot to account for rotation.
The third, which is surprisingly hard, was making things bounce off of each other remotely realistically. Any remotely decent solution involves some complicated math to find point of impact, and I simply don't think I have the time to figure that out before it's due, so I'm using a hacky, annoying, stupid way to do it.