CodePink

Making the printer screen - from start to finish

Added 2019-11-14 11:58:18 +0000 UTC

Hello again!

As part of the next game update, I have been working on the Printer screen. And I thought it would be interesting to show you how this is made :)

So, it all starts with a plan, since each screen has a very specific function in the game.

Now on the Printer screen you will be able to create items, which you will need to progress the story. And more items will become available to Keen, as he (levels up &) becomes a more proficient repair-guy :) And last but not least, the AI of the printer; called Print-Tease, will try to seduce Keen,... which will eventually turn into an entire storyline.

So, the first step is to make a setup of the screen, that include all these functions.

And for that I first make a sketch. The image below highlights the functional elements of that sketch (it's a layered photoshop file that I animated).

Then I send the sketch off to ILW, who helps me with complex programming tasks like these. And based upon the sketch, he then builds a first version of the Printer Screen.

You see the result below - and as ILW points out here, you see that the newly created pipe is also added to the inventory. Which is very important of course :)

The results are often slightly different then how I imagined it, because of practical reasons. That's why we start with a sketch, so I won't spend a lot of time, drawing something that can't be made.

But now that we have a working prototype, I can safely finalize the art. And after I'm done with that, I will also cut up the art, so it can be animated. below, you see an example of this.

Once I'm done, I'll send it over to ILW again. ILW then puts the new art in the game & makes final code-adjustments where needed. You see the result below - also note that you gain acces to more items, as your security level increases. (1-4).