Danger in the City: making of

Psst: I still need a few ratings over here: https://ldjam.com/events/ludum-dare/46/danger-in-the-city

Thanks a bunch! :)


"Danger in the City" is all about driving fast to escape a terrible enemy who is ready to destroy every building in the city just to crush you.

ezgif.com-optimize.gif


From a technical perspective, I had a lot of fun making this game without any game engine and with tools I usually make websites with but not games! I used TypeScript with React and Three.js (through React Three Fiber).

I started by making the 3D asset of the car which is something I hadn't done in years. I love the Wings3D program for quick 3D designs, it's really easy to understand and use, even if it's less advanced than Blender.

Here you can see the first draft of the car based on a 2D drawing I've found somewhere on the internet. I really wanted to have that retrowave/outrun aesthetic so I went for the classic sport coupé car design.

Screenshot from 2020-04-18 00-18-59.png

I added a few simple colors to see what it could look like. You'll notice the wheels were missing at that point.

Screenshot from 2020-04-18 03-05-13.png

I ended up going for a nicer red color in the end. Wheels were added (woohoo) but not animated (sad face).

Screenshot from 2020-04-20 05-42-37.png

I loaded everything into a Three.js scene and implemented the level generation, a grid of block-shaped towers. I also added code to make those towers explode into blocks. I didn't really have time to do fancy designs for those so I used simple polygons. I spent way too much time tweaking the materials in the scene to look just right, that took sooooo long. Since I didn't have a game engine, I spent some time implementing the controls and the physics themselves. I had a few gameplay elements I wanted to add but I've had to cut them.

Screenshot from 2020-04-19 23-57-54.png

Finally, I added the title screen in the last minutes to seal the deal, as well as the win/lose screens and animations.

Screenshot from 2020-04-20 21-33-14.png


Checkout the game over here: https://ldjam.com/events/ludum-dare/46/danger-in-the-city

I still need a few ratings and I'd appreciate your feedback on the game.

I'm really happy with the camera (smooth car-chase camera goodness) and graphics, which I spent quite some time polishing (I should have kept more time for the gameplay haha). See you after the finish line. :v: