Programmation – Cocosd2 and us

Hello everybody,

Today I would like to talk about the programation of the game and not the visuals. How we do ? Well, Daniel uses Cocosd2. He created a specific engine for the game which is capable to mix some specificites of a point and click (exploration, take some objects, give them to someone, etc.) and of a visual novel (dialogs, story, etc.).The engine works with a .json editor. It’s simple, in the game when you talk with someone, the engine will search the right file, .json, where is written all the dialog. You can see an extract of the dialog editor just below.

Because you have several choices during a dialog (to say the truth, to be rude or to lie), each choice will have a consequence. Sometimes, you need to lie, sometimes you have to be honest. The good thing with this system is that the game will remember what you did. So, for example, if you decide to talk to someone after a very hard conversation, the character will remember that and maybe will be less friendly.

As you can we can create different boxes. A text node (to choose a face of the character, a text ) and a choice node (when you have to make a choice), and finally a branch node (to create a variable to remember an ancient choice).

So, the engine will navigate between some code and some .json files. For us, we see sometimes like that through the terminal :

We created our own engine because we didn’t find an actual software which could do what we found. So, not a point and click and not a visual novel but a mix.

. Version française :

Bonjour à tous,

Aujourd’hui, j’aimerais vous parler un peu de programmation et non de visuels. Comment concrètement codons-nous ? C’est simple. Daniel, notre programmeur, utilise Cocosd2. Il a créé un moteur de jeu spécifique pour notre création, un moteur capable de mélanger les spécificités du point and click (exploration, gestion d’objets, etc.) et de la visual novel (dialogues à choix multiples, etc.).

Le moteur fonctionne avec un éditeur de fichiers .json. Lorsque vous parlez à quelqu’un, le jeu ira chercher le fichier .json associé. Par exemple, le vendeur aura pour fichier : vendeur.json. Dans ce fichier se trouve tout le dialogue avec tous les embranchements.

Comme vous aurez plusieurs choix durant le dialogue (dire la vérité, mentir ou être agressif), chaque voix aura une conséquence. Parfois, il faudra mentir, parfois dire la vérité sera crucial. La chose intéressante avec ce système est que le jeu se souviendra de ce que vous avez fait. Donc, si vous avez été un peu rude avec quelqu’un, peut-être sera-t-il moins amical la fois suivant.

Sur l’image, vous voyez plusieurs boites. En effet, trois boites existent. La « text node » ne permettant que d’écrire et de choisir une expression du sprite (colère, joie, etc.), la « choice node » (lorsqu’il faut faire un choix) et la « branch node » (pour créer une variable afin de se souvenir de votre attitude durant la précédent conversation).

Pour nous, le jeu s’organise de cette façon si l’on prend le temps de scruter le terminal. Pas très sexy, c’est vrai.

 

Visuals – The reader

Hello everybody,

Today I’ll show you another character and another background : the newsagent and the employe of this place. It will be the last person you’ll see at the end of the first part of the game. He’ll be very important for you and the story.

The employe of the newsagent

The newsagent

The background with the characters during a dialog.

. Version française :

Bonjour à tous,

Aujourd’hui, je vais vous présenter un nouveau personnage avec son environnement : le vendeur de journaux et son magasin. Il sera particulièrement important dans la révélation qu’il apportera et qui clora la fin de la première partie du jeu.

Visuals – The governess

Hello everybody,

Kafka had during his childhood a governess. Their relations were not always good. So we decided to use this character to illustrate the tensions that Kafka could live during this part of his life.

You’ll the faces of the character, different emotions, and her integration to the background. The kitchen again.

. Version française :

Bonjour tout le monde,

Kafka durant son enfance eut une gouvernante. Leurs relations n’étaient pas toujours très bonnes. C’est pourquoi nous décidâmes d’utiliser ce personnage pour illustrer les tensions que pouvait vivre le jeune Franz à ce moment de sa vie.

Vous pouvez voir ci-dessous les différentes émotions de la gouvernante ainsi que de sons intégration dans le jeu.

 

Visuals – The cook

Hello everybody,

After the kitchen, I would like to present you the cook. It was very common at this period to have a woman, most of the time, to cook for you. Especially when you started to have money. So we drew a cook with a very traditional look.

You’ll see below the face of the cook, and different emotions, plus the background with the cook and the young Kafka.

. Version française :

Bonjour à tous,

Après avoir vu la cuisine, j’aimerais vous présenter une vision du jeu avec la cuisinière et le jeune Kafka. Vous pouvez ainsi observer les différentes expressions de la cuisinière, habillée traditionnellement, et son intégration avec le jeune Franz dans la cuisine.

Ce lieu présentera un moment-clé dans l’histoire du jeu !

Visuals – The kitchen (background)

Hello everybody,

For this new post, I would like to show you another background. It’s the kitchen of the Kafka’s house. You’ll meet here the cook who will be a very important character. As you can see we decided to imagine a very old kitchen like it was during this period. Stones, barrel for the water, etc.

You could also see the integration of the new faces of Kafka at the top of the screen. To indicate the health of the character, you’ll start from the happy face to go to the sad face.

The background without the interface

The background with the interface

The evolution of the faces

. Version française :

Bonjour tout le monde,

Pour ce nouveau billet, j’aimerais vous parler d’un nouvel environnement que vous découvrirez au cours du jeu. Il s’agit de la cuisine de la maison des Kafka. Nous avons décidé de la représenter en nous basant sur des cuisines de l’époque : de la vieille pierre, des barils pour les liquides, etc.

Vous pouvez le voir dans les photos ci-dessous, l’interface a un peu changé. En effet, nous avons intégré les nouveaux visages de Kafka de part et d’autre de la barre de déprime. Comme le personnage a changé physiquement, il fallait être raccord.

Visuals – Father old (2)

Hello everybody,

Last time I talked about Hermann Kafka, the father of Franz. I saw you a picture of the old man, with grey hair. Now, I would like to show you the evolution of the face between the beginning of the game and the end of the game. Several years after, the man is quite the same, with some wrinkles.

The end of the game

The beginning of the game

. French version :

Bonjour tout le monde,

La dernière fois, je vous parlais d’Hermann Kafka, le père de Franz. Je vous montrais une image d’Hermann vieilli, avec les cheveux gris. Maintenant, j’aimerais vous montrer plus précisément l’évolution de son visage entre le début et la fin du jeu, tel qu’il apparaîtra dans le jeu. Quelques années après, l’homme reste le même mais avec quelques rides.

 

Visuals – The father (old)

Hello everybody,

A small article to show you the Kafka’s father, Hermann, old and integrally. You could see him in his own shop. He was a pretty hard shop owner, rude with the others. I post here again the face of the character at the beginning of the game.

At the beginning of the game

At the end of the game

With the background

. Version française :

Un petit message pour vous montrer le visage du père vers la fin du jeu, vieux donc. Nous le représentons intégralement, vieilli bien entendu, et au sein de sa boutique. Hermann était un petit tyran, avide de succès et méprisant les autres.

Visuals – The bedroom (new colors)

Hello everybody,

We are not actually very happy about the colors of the background and I read several comments which say the same thing. People seem to like the strokes, and the black and white version but not the colors. So, we’ll try to change them. What choice do you like ? The option is now to use 3-4 colors for each background. So, the brown, the blue-grey or sepia effect ? Or do you prefer the first one ?

Thank you

. Version française :

Bonjour à tous,

Nous sommes actuellement en train de se focaliser sur les couleurs du jeu. Nous ne sommes pas encore satisfaits du résultat donc nous faisons des tests. Plusieurs commentaires, ici et là, ont avoué préféré les versions en noir et blanc, donc nous expérimentons quelques palettes de 3-4 couleurs : variation de bleu, gris et sépia. L’idée est de souligner le ton du jeu : monde étrange, fait de frustration et d’angoisses.

Alors, quelle image préférez-vous ? L’ancienne version avec les couleurs ou une des nouvelles ?

Merci.

 

Visuals – The father’s shop (Background)

Hello everybody,

Today, I would like to show you another background. An important one because it’s the inside of the father’s shop. You’ll be able to see the shop of Hermann Kafka. Hermann hard a shop at Prague and was very proud of his success. He sold different kind of clothing : hats, dress, shoes, etc.

The most important was to create some clothing related to the end of the 19th century. And, as you can see, I add a portrait of Franz Ferdinand because Hermann was very proud to be Czech.

Première recherche pour la boutique

En noir et blanc

En couleur

. Version française :

Bonjour tout le monde,

Aujourd’hui, je voudrais vous présenter un nouvel environnement du jeu. Important puisqu’il s’agit de l’intérieur de la boutique d’Hermann Kafka (le père de Franz). Hermann fut très fier de posséder un magasin de vêtements au succès florissant. Il vendait à l’époque toute sorte de choses comme des chapeaux, robes, chaussures, etc.

Le plus important fut de respecter l’esthétique des vêtements trouvables à la fin du XIXème siècle. Pas de mini-jupes par exemple 🙂

On peut aussi noter le petit portrait de François Ferdinand car Hermann était très fier d’être Praguois.

Visuals – The tramp (3rd evolution)

Hello everybody,

A new post to show you the third evolution of the characters. Today, the tramp. A small evolution by I tried to give him much more expression through his eyes.

. Version française :

Un petit billet pour reprendre en douceur 2016. Voici l’évolution graphique, troisième et dernière en date pour la démo, du sans-domicile-fixe. Peu d’évolutions mais un travail sur le regard et les rides du personnages pour lui donner plus d’expression.