Compétences : Graphismes, Programmation
Outils: Photoshop, JavaScript, HTML, CSS
Création d’une map en axonométrie
Dans le but de pratiquer la perspective et l’architecture du bâtiment, j’ai pu construire et imaginer un lieu où nous pouvons nous déplacer, afin de rendre actif ce fond dans un jeu vidéo fait en JavaScript.
Ce projet se découpe en 2 grandes parties :
La phase de la création du fond en axonométrie (graphisme) ainsi que la phase de la création du jeu faite en JavaScript (Programmation).
Dans un premier temps la phase croquis puis numérisation par Photoshop.
J’ai fait attention à donner une importance à l’ambiance de la scène, car je trouve cela important pour donner de la création et de la vie à l’illustration.
J’ai alors appris à gérer les tailles de formats, la gestion de poids de fichier et enfin la construction du bâtiment.
J’ai créé pour cela des textures qui ont été appliquées sur le bâtiment, tel que les dalles, les briques, les feuillages de l’arbre et des planches de bois. La notion de duplication a été très utile pour ces motifs.
Pour la Seconde partie, j’ai créé un jeu en JavaScript où l’on incarne un toucan coloré qui a pour but de collecter des fleurs sur la map afin de rendre les couleurs à celle-ci.
J’ai réussi à déplacer le personnage en axonométrie (diagonale), créations de collectibles, un compteur du score et enfin la carte qui est interactive.
Malheureusement j’ai rencontré une grande difficulté avec les collisions; la méthode que l’on m’a confiée n’était pas très adaptée à un jeu en axonométrie, et je n’ai donc pas que faire des collisions totalement fonctionnelles.
J’ai appris de nombreuses choses comme la maîtrise de JavaScript, la notion de relation avec l’hébergeur et enfin une satisfaction dans le travail que j’ai produit.



