TRY NOT TO SEE

Direction artistique

Le visuel d’un jeu vidéo fait partie de son attraction et doit se démarquer d’une façon ou d’une autre. En remarquant que les autres groupes avaient tendance à opter pour un style pixel art, nous avons décidé de s’en éloigner et de partir plutôt vers l’esthétique du indé, cozy et relaxant.

Inspirations visuelles

Tiny Book Shop

Donut County

Consume me

Summerhouse

Choix de la palette de couleurs

En parcourant les jeux indés, nous avons remarqué que les couleurs utilisées étaient soit saturées ou bien plutôt “douces”. Elles donnent envie de rester sur le jeu car on s’y sent bien. Nous avons donc employé cette science du jeu cozy pour définir les nôtres.

Visuels finaux

Page d’accueil du jeu

Niveau 1

Personnages du niveau 1

Création du logo

Notre jeu abordant la malvoyance, il fallait que le logo comporte un clin d’œil à la thématique choisie et inclure une paire de lunettes, nous paraissait être l’élément le plus intuitif pour faire référence à ce handicap. Plusieurs logos ont été réalisés sur Adobe Illustrator et un sondage a ensuite été mis en place pour découvrir lequel était le plus attractif. Voici l’heureux gagnant.

Première ébauche du site web

Tout en respectant la direction artistique de Try Not To See, des premiers tests pour le visuel du site web de présentation du jeu ont été faits. Afin d’être le plus crédible possible, nous nous sommes inspirés d’autres sites web de présentation de jeux.

Inspirations

Premier test

Prise en main de Phaser

En parallèle des visuels, nous nous sommes familiarisés avec la technologie Phaser.

Phaser est un framework JavaScript open-source conçu pour créer des jeux 2D jouables directement dans un navigateur.

Il fournit tout ce qu’il faut pour développer un jeu : rendu graphique (Canvas ou WebGL), gestion des sprites, animations, sons, physique, entrées clavier/souris/tactile, et bien d’autres choses.

Certains membres du groupe ont donc fait le tutoriel de Phaser qui est disponible sur leur site internet afin de comprendre les bases de cette technologie.

Rendu final du tuto Phaser