{"id":667,"date":"2018-06-30T23:19:44","date_gmt":"2018-06-30T23:19:44","guid":{"rendered":"http:\/\/brasswatchgames.com\/?p=667"},"modified":"2018-06-30T23:19:44","modified_gmt":"2018-06-30T23:19:44","slug":"shipyard-remake-friendship-ended-with-java-now-c-is-my-best-friend","status":"publish","type":"post","link":"http:\/\/brasswatchgames.com\/?p=667","title":{"rendered":"Shipyard Remake: Friendship ended with Java, now C++ is my best friend"},"content":{"rendered":"

When I started the original Shipyard, I only knew how to program in Java, a language which makes it very easy to slap together something basically functional but not particularly efficient. This was only exacerbated by my lack of experience. To pick one of many examples, the game’s graphics were done entirely with Java’s built-in graphics and user interface library. This relies entirely on “software rendering,” or performing graphics calculations on the CPU\u00a0instead of the graphics card, which means the CPU has to do two jobs while the graphics card sits idle, its potential wasted. I didn’t understand this at the time, naively assuming that the computer “just knew” what part of the code\u00a0did the graphics and assigned it to the graphics card. This poor use of resources limited how\u00a0many\u00a0objects could be on screen at once and how complicated they could be. The big-pixel retro style, originally a stylistic choice, increasingly became necessary to cut down on complexity and get a smooth frame rate.<\/p>\n

The new game will be written in C++ instead of Java, using a free library called SFML (the same one I used to make that 2D tank game for school<\/a> back in the day) to handle the graphics. SFML uses the computer’s hardware more efficiently allowing it to draw much more complex graphics and still run more smoothly than the old game. Here’s just one example, using a shader (a small program that runs on the graphics card) to simulate lighting on a shape in real time, regardless of what direction it’s facing:<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\"\"<\/a><\/p>\n

On the top left is the base color, or what the shape would look like if it was perfectly lit from every angle. Right of that is the “normal map,” which tells the shader what direction each pixel is facing by\u00a0representing X, Y, and Z coordinates\u00a0with the red, green, and blue channels of a color.\u00a0On the bottom\u00a0is the final product, which as you can see stays lit from the top even as it rotates continuously.\"\"<\/a><\/p>\n

In this picture I’m using a more complicated shader to do several things which had to be done manually in the old Shipyard:<\/p>\n