SI28 Benoit Maurin - Yi Shi - Florent Hache

Table des matières

Synopsis...........................................................................................2Le Concept...................................................................................................... 2Public Cible..................................................................................................... 2Objectif............................................................................................................ 2

Cahier des charges.........................................................................4Structure et navigation..................................................................................... 4

Choix Techniques............................................................................6Difficultés.........................................................................................6Choix Graphiques............................................................................6Introduction du jeu..........................................................................9Les mini-jeux..................................................................................10

Mots croisés................................................................................................... 10Image Caché.................................................................................................. 12Quiz............................................................................................................... 15

Conclusion.....................................................................................17

Synopsis

Le Concept

Jeu interactif permettant de tester ses connaissances cinématographiques et d'en apprendre toujours plus sur le domaine.

Le jeu peut se jouer seul ou à 2, si l'utilisateur choisi le mode 2 joueurs, les 2 joueurs s'affrontent avec un système de point.

Le jeu sera composé de plusieurs mini jeu l'utilisateur pourra choisir un niveau de difficulté.

Public Cible

Le jeu sera destiné à plusieurs types d'utilisateur, tout d'abord les fans de cinéma pourront venir s'affronter et tester à quel point ils s'y connaissent sur le sujet.

Des personnes n'étant pas forcement cinéphiles pourront elles aussi jouer à ce jeu grâce à une difficulté pas très élevée.

Objectif

L'objectif de ce jeu est que l'utilisateur teste ses connaissances sur le cinéma, il pourra même en apprendre plus sur les films grâce à des liens sur des pages internet spécialisées sur le sujet (allociné, wikipédia).

Le mode 2 joueurs permet un côté « Fun » du jeu avec un système d'affrontement, ce qui rend le jeu toujours plus excitant.

La non difficulté élargie le public du produit et permet de

2

développer la culture cinématographique d'une population qui n'est pas forcement passionnée par la chose.

3

Cahier des charges

Structure et navigation

Pour chaque jeu, on va choisir une question dans nos bases de données. Pour ces questions, suivant le mini-jeu, un QCM ou un text-input sera disponible pour entrer la réponse.

1 Joueur :Au bout d’un certain temps, on change de question. On établit le score de cette question suivant le résultat fourni par le joueur.

2 Joueur :De la même manière, on change de question au bout d’un certain temps.Toutefois, le premier joueur qui appuie sur le buzzeur (défini par une touche sur le clavier), pourra rentrer une réponse. Si cette réponse est vraie, on change de question. Sinon, l’autre joueur à la main pour rentrer une réponse.

4

Un temps maximal pour répondre à une question permet de recréer l’ambiance des jeux télévisés.

5

Choix Techniques

A propos des technologies utilisées, nous avons utilisé le flash pour réaliser les minis jeux. Et nous créons des bases de données pour enregistrer les data et le langage PHP enfin de communiquer avec la base de données.

Difficultés

La plus grande difficulté pour ce projet fut l'alimentation de la base de données concernant les questions.

La répartition du travail en 3 mini jeux avec 1 mini jeu par personne n'a pas facilité la mise en commun à la fin du projet et fut un frein pour l'interface graphique.

Nos mini jeux sont 3 swf différents, donc pour pouvoir communiquer nos points nous avons du faire communiquer nos jeux par le biais d'une base de donnée dans laquelle nous récupérons les points du joueur.

Le fait de savoir si nous sommes en mode 1 et 2 joueurs se fait aussi par la base de données car le menu de présentation et de sélection des jeux est aussi un swf à part.

Choix Graphiques

Le fond d'écran est le même pour chaque mini-jeu. Il créé une ambiance de jeu télévisé décontracté, comme nous l'avons cherché.

6

Pour ce qui est du Quiz et du jeu de l'Image Cachée, il y a une zone d'affichage des différents médias centrée. Cette zone étant primordiale pour notre application, il est nécessaire qu'elle soit bien mise en avant.

L'application consiste aussi en une barre de défilement qui représente le temps imparti pour une question. Le choix d'une rectangle vert se remplissant au fil du temps nous a semblé pertinent car il reprend la symbolique du temps qui passe sur les systèmes d'exploitations actuels (notamment lors de la copie d'un fichier).

Ensuite, il y a l'affichage de la question, au dessous du média. Cette zone permet de faire la transition du média vers la zone d'input clavier située juste en dessous.

Ces choix graphiques nous semblent donc justifier par le fait qu'ils répondent à la logique d'une zone d'affichage des médias

7

prédominantes et que sans qu'il y ait nécessité de lire les instructions, l'utilisateur sache quoi faire avec l'interface.

Pour le mots croisés nous avons décidés de placer au centre les cases des indices et d'afficher la zone de texte dans au dessous comme pour la partie quiz et images cachés, la différence se trouve au niveau de la barre de temps. Dans le quiz la barre de temps est placé à droite et à l'horizontale alors que pour le mots croisés elle est placée verticalement. Le changement est du à la largeur des indices, en effet le mots croisés n'a jamais la même forme selon la taille des indices et du film. Si nous avions gardé la barre horizontale, nos indices aurait chevauchés cette dernière.

8

Introduction du jeuAu lancement de notre jeux l'utilisateur a le choix entre 4 propositions :

1. Jouer seul2. Jouer à 23. Instructions4. Quitter

Si l'utilisateur clique sur instructions, une nouvelle séquence apparaît et l'utilisateur peut apprendre toutes les commandes du jeu.

S'il clique sur quitter le jeu quitte.

Ensuite, si il choisit Jouer seul ou jouer à 2 il arrive sur un deuxième sous menu ou il a la possibilité de choisir à quel mini jeux il souhaite jouer.

9

Les mini­jeux

Mots croisés

Le principe de ce jeu est simple : il suffit de deviner le titre d'un film en fonction d'indices qui concernent ce dernier. Le petit plus amusant est que ce jeu se déroule à la manière de mots croisés. Le titre du film est en verticale et les indices du film viennent se rajouter en horizontale tout en laissant apparaître quelques lettres concernant le titre du film.

Le jeu peut se dérouler à un ou deux joueurs. Si un joueur joue seul le but est de trouver un maximum de réponses sur 10 questions, le joueur dispose de 20 secondes pour trouver la réponse à une question et il lui suffit d'appuyer sur la touche « p » pour prendre la

10

main durant un défilement. Si la réponse est juste, toutes les lettres manquantes s'afficheront, par contre si sa réponse ne correspond pas au titre du film recherché alors le temps continuera à défiler jusqu'à la fin.

La barre de défilement de temps est verte et verticale et diminue avec le temps. Lorsque le temps est à la moitié, la barre devient orange et lorsque le temps est quasiment écoulé elle devient rouge pour finir par disparaître complètement. Et affiché un « Time's Up ».

Si le jeu est à 2 joueurs, le gagnant est celui qui trouve le plus de réponses sur 10 questions mais pour gagner il ne suffit pas de répondre à la question mais d'être plus rapide que son adversaire. Pour cela il faut prendre la main plus rapidement que lui.

Dans le cas d'un jeu à 2 joueurs la touche « P » correspond au premier joueur et la touche « A » au second.

Un joueur qui ne trouve pas la bonne réponse a le droit de répondre une seconde fois mais après sa seconde faute, il n'a plus le droit de prendre la main et seul l'autre joueur pourra encore avoir le point gagnant sur cette question.Dès que la réponse est trouvée ou que le temps est écoulé un lien vers un site comme allociné ou wikipédia concernant le film est affiché.

Le jeu se déroule donc avec une série de 10 questions, que ce soit seul ou à 2 joueurs ; à la fin des questions le score est donc affiché pour permettre à chaque joueur de connaître ses résultats.

Concernant l'aspect technique et technologique de ce mini jeu, les questions sont chargées dans une base de données et les cases du jeu de mots croisés sont dessinées dynamiquement. La BDD contient à l'heure actuelle un peu plus de 50 questions mais il est vraiment très simple d'ajouter des questions à cette base pour posséder un ensemble de questions beaucoup plus grand.

11

Image Caché

Ce jeu a pour objectif de deviner le nom de l'acteur par rapport une portrait dont les yeux sont masqués. Dans le premier temps, il choisit les questions en consultant le serveur. Les questions apparaissent l'une après l'autre ; un temps d'attente indiqué par « Loading.. » s'affiche sur l’écran.

Dès qu’il a fini de télécharger, on attend 4 secondes pour que le joueur se prépare.

12

Un portrait d'acteur avec les yeux masqués va apparaître à écran. Le joueur a 5 secondes pour deviner de qui il s'agit. Il y a une barre de progression à droite qui montre le temps écoulé et le temps restant. Le joueur peut appuyer sur la touche « A » ou « P » pour répondre à la question. Dans ce cas, le texte modifiable va être débloqué et le joueur a 5 secondes pour taper la réponse. Le programme va vérifier la réponse quand le joueur appuie sur la touche « Enter », et affiche un commentaire. Nous avons 4 réactions au total :

- Félicitations, c'est la bonne réponse.- Il manque quelques mots.- Il y a une ressemblance, vérifiez l'orthographe.- Complètement à côté de la plaque...

13

Si la réponse n’est pas bonne, le joueur a encore plusieurs chances de répondre s'il le temps n'est pas écoulé. Une fois que le temps pour répondre est écoulé,on passe à la question suivante et « Times up! » est affiché sur l’écran.

A la fin du jeu, le programme affiche le nombre de réponses correctes.

14

Quiz

Ce mini-jeu est une extension du jeu de l'Image Cachée : le type de questions ne repose pas uniquement sur la photo cachée d'un acteur. On peut par exemple demander le nom du personnage joué par un acteur ou encore un titre de film à partir d'une scène...

De ce fait, le design est le même que celui de l'image cachée. Par contre, les médias présentés pourront aussi bien être de l'image, de la vidéo ou de la musique. A l'heure actuelle, il existe plus de 40 questions différentes pour ce mini-jeu. Cela permet d'avoir un certain degré de rejouabilité, même si nous sommes bien conscient qu'il faudrait étoffer beaucoup plus les questions pour ne pas avoir qu'un prototype de jeu.

La durée des questions peut varier. Elle est définie arbitrairement par celui qui ajoute le jeu dans la base de données.

Le mode deux joueurs se présente là aussi de la même façon : on peut prendre la main avec la touche 'A' ou la touche 'P', respectivement pour le joueur 1 ou le joueur 2.Quand un joueur prend la main, il dispose de 4 secondes pour taper sa réponse au clavier et la valider. Si il a tort, il perd la main et il ne peut plus prendre la main pendant un certain temps (moins d'une seconde). Si la réponse est correcte, la zone d'input clavier est verrouillée jusqu'à ce que le média affiché se termine et que l'on passe à la prochaine question.

Pour la vérification des réponses, nous utilisons l'algorithme de Levenshtein qui permet d'obtenir une certaine souplesse au niveau des fautes commises au clavier.

A la fin du temps imparti pour une question, qu'elle ait été répondu correctement ou non, la solution est affichée.Dans le cas où la question porte sur ce qu'il va se passer après la fin d'une vidéo, la suite est montrée.

15

A la fin du mini-jeu, le score est affiché (que ce soit en mode 1 ou 2 joueurs).

16

Conclusion

Pour conclure nous pouvons dire que ce projet fut très intéressant même si nous avons revu nos objectifs à la baisse ( 6 mini jeux au départ, plusieurs niveaux de difficulté, mode pour enfant, tournoi, possibilité d'avoir un compte avec login mot de passe).

Le travail en groupe n'est jamais une chose facile mais permet d'apprendre toujours de nouvelles choses surtout concernant la répartition du travail et la communication dans un groupe.

Notre équipe étant composée de GI, nous avons pu utiliser des technologies que tout le monde maîtrise comme par exemple le Php et le Mysql ce qui nous donne au final une base de données assez grande.

Ce projet et l'uv en général nous ont appris à utiliser de nouveaux logiciels que nous n'avions jamais touchés auparavant et nous a donc permis d'étendre nos connaissances.

Nous tenons à remercier Mr Serge Bouchardon qui nous a toujours suivis pendant le déroulement de notre projet et nous a toujours donné son avis concernant nos mini jeux.

17