En coulisse
Keycap Kevin : Le son des claviers mécaniques - Épisode 4
par Kevin Hofer
Keycap Kevin : un aperçu du langage visuel de mon premier jeu vidéo
21/7/2023
Traduction : traduction automatique
Je suis en train de programmer mon premier jeu vidéo. L'histoire est prête et j'ai appris le code nécessaire. Pour que mes commandes fassent apparaître des images à l'écran, je dois d'abord les créer. Dans mon cas, les graphiques sont constitués de photos.
Dans les histoires interactives, les graphismes sont généralement constitués d'images statiques en arrière-plan et de personnages au premier plan. Pour que l'ensemble ne paraisse pas immobile, je peux ajouter de la vie au jeu grâce à mes commandes.
Le personnage principal Stevie
Dans le jeu, vous contrôlez Stevie. Plus précisément, vous lui dites à certains moments ce qu'il doit faire pour pouvoir voler le clavier de ses rêves. Au cours du jeu, son état d'esprit change plusieurs fois. Pour que ces changements ne soient pas uniquement représentés par le texte, ses expressions faciales et ses gestes doivent également changer
Comme Stevie est une minifig, c'est-à-dire un bonhomme Lego, je peux contrôler sa gestuelle en ajustant ses membres et en prenant des photos des différentes positions. Les minifigs ne sont pas réputés pour leur souplesse, mais elle est suffisante pour mon usage. Les choses se compliquent avec les expressions du visage.
Ma méthode : Je photographie Stevie avec la gestuelle souhaitée. Dans Photoshop, je le mets ensuite à nu et je supprime les yeux, la bouche et les sourcils, c'est-à-dire tous les traits d'un minifig qui représentent des émotions. Je dessine ensuite les traits souhaités en m'inspirant de minifigs existants. Et voilà, j'ai Stevie dans tous ses états d'âme.
L'ensemble n'a pas l'air très professionnel, mais il remplit son rôle pour le moment. Si mes besoins augmentent un jour, je pourrai écraser les anciennes images avec les nouvelles.
Un arrière-plan animé
Comme il se doit dans une histoire interactive, les mauvaises décisions entraînent une fin prématurée de l'histoire. Une telle "mauvaise" fin est lorsque Stevie se fait attraper par la police. C'est ce que je veux représenter par le clignotement de la lumière bleue de la police.
Voilà ce que cela donne une fois le jeu terminé. Pour que ce qui se passe ici soit encore plus clair, je vais ajouter un effet sonore.
L'arrière-plan et les personnages ensemble
Stevie vole dans le jeu le clavier en pixels que je mets en jeu. Pour cela, il l'enchaîne à la camionnette. Dans une scène, Stevie passe à travers un mur avec son van. Voici à quoi cela ressemble dans une première version :
J'ai donc besoin de divers éléments:
- un arrière-plan avec un mur intact
- un arrière-plan avec un mur cassé
- la camionnette qui défonce
- Stevie au visage apeuré
Pour commencer, je m'occupe de l'arrière-plan. Comme je ne possède que quelques briques Lego, je cherche dans une banque d'images une image d'arrière-plan appropriée. Je trouve mon bonheur sur Shutterstock : Un mur de Lego jaune avec un trou au milieu. C'est parfait. Je remplis le trou dans Photoshop. J'ai ainsi la même image une fois avec le trou et une fois sans.
Il ne me reste plus qu'à insérer les images dans le jeu avec du code. Le mur intact est la première image de cette scène. Je le laisse en place pendant une seconde. Avant de superposer le mur cassé avec un effet de tremblement. J'accompagne le tout d'un effet sonore.
Il ne me reste plus qu'à supprimer dans Photoshop les éléments superflus comme les ficelles et les boîtes. Cela s'avère plus difficile que prévu avec les ficelles noires. Je n'avais malheureusement pas de fils transparents sous la main. Mais après un peu de bricolage, tout est nettoyé et dégagé en conséquence.
J'insère l'image de la camionnette juste après le passage du mur intact au mur cassé. Je fais un zoom sur lui pour créer un effet. Ainsi, il donne l'impression de passer à travers le trou.
Il ne manque plus que Stevie. Je le photographie assis et je lui dessine un visage effrayé dans Photoshop. Pour accentuer l'effet d'être secoué, je fais un zoom avant sur l'image en le faisant pivoter
Comme code, cela ressemble à ceci :
J'ai encore du travail à faire
Vous voyez qu'il y a énormément de travail dans chaque détail. Mon projet n'est évidemment pas aussi beau que les jeux professionnels. Mais pour ma première fois, je suis satisfait. D'autant plus que je progresse bien. Si tout se passe bien, je pourrai vous montrer mon jeu terminé dès la semaine prochaine et vous pourrez participer au tirage au sort.
Kevin Hofer
Senior Editor
kevin.hofer@digitecgalaxus.chLa technologie et la société me fascinent. Combiner les deux et les regarder sous différents angles est ma passion.
En coulisse
Des informations intéressantes sur le monde des produits, un aperçu des coulisses des fabricants et des portraits de personnalités intéressantes.
Tout afficher
