Introduction aux jeux et aux rendus visuels

Félicitations ! Vous comprenez maintenant le langage JavaScript. Les variables, les boucles, les chaines de caractères, les fonctions, les objets, les tableaux, et même la conception orientée objet. Mais à quoi cela sert-il si vous ne pouvez pas en faire quelque chose d'utile, d'amusant ? Il y a plein de façon d'utiliser vos connaissances mais l'une des plus populaires, en JavaScript, avec processing.js, est de faire des jeux et des rendus visuels. Vous en connaissez certains si vous avez regardé notre liste de programmes favoris. Un jeu est quelque chose d'interactif qui permet de gagner quelque chose. Souvent il y a une situation gagnante, une situation perdante et un score. Un rendu visuel est aussi très interactif mais sans les mécaniques du jeu. Regardons quelques uns des principaux composants dont nous aurons besoin. On aura besoin de contrôles pour tout... comme des boutons, des sliders, des menus. Parfois se sera de simples bouton, mais parfois on en aura besoin de plusieurs. Parfois, on aura besoin de sliders, de listes déroulantes et ... Ils sont tous basés sur les mêmes principes, cependant. Pas seulement pour interagir avec la souris, mais parfois aussi avec le clavier, comme pouvoir utiliser les flèches de direction pour déplacer nos personnages ou pour changer notre angle de visualisation. On a souvent besoin de la notion de "scènes". Une scène est comme un écran d'accueil, un écran d'options, un écran principal, ou un écran de fin. Les scènes sont souvent différentes et on tient à en afficher une à tout moment. Pour ça, il faut bien organiser son code pour ne pas se tromper et réguler le passage d'une scène à l'autre. Maintenant, parlons de choses spécifiques aux jeux. "L'environnement d'un jeu" Est-ce un jeu à défilement horizontal ? Ce qui signifie que votre personnage se déplace dans l'espace. Est-ce une vue du dessus, comme dans le parcours d'un labyrinthe ? Est-ce un environnement en 3D ? C'est dingue, mais on peut le faire ! Y a-t-il plusieurs niveaux, chacun d'eux possédant un environnement différent ? Quels sont les personnages du jeu ? Ils ont probablement des comportements différents, des émotions, des états, comme "heureux" ou "mort". Ils peuvent être contrôlés par l'utilisateur ou parfois contrôlés par le programme. Et votre programme leur donne une sorte de logique à suivre. Il peut y en avoir qu'un seul, ou plusieurs. Ils peuvent apparaître en cours de jeu. Une fois qu'on a des personnages dans un environnement, on ajoute aussi habituellement des objets, et il y a plein de choses qui entrent en interaction les unes avec les autres. Souvent on a besoin de savoir quand des choses entrent en collision car elles peuvent mutuellement s'attirer ou se repousser, comme quand vous attrapez des diamants ou évitez de méchantes tortues. Donc on a besoin de détecter les collisions entre les objets. Parfois, ce sont de simples collisions, et parfois, c'est plus complexe si les objets ont tous des formes et des tailles différentes. Enfin, si c'est un jeu, il y a souvent un score. Donc, comment mesurer la performance du joueur ? Comment déterminer si il a gagné ou perdu ? À quel point devez vous magnifier les écran de victoire et de défaite ? Comme vous le voyez, il y a plein de choses à étudier dans un jeu ou un rendu visuel. On va aborder certains de ces aspects ici, mais nous ne savons pas ce que vous avez en tête. Le plus souvent, vous aurez juste à mettre ensemble ce que vous apprendrez ici pour faire ce qui vous passe par la tête en ce moment.