Projet
Projet réalisé après une introduction théorique et pratique à l’HTML et au CSS. Il s’agissait de concevoir une maquette sur un thème choisi, puis de la coder, avec un accent mis sur les interactions au survol ou en transition.
Compétences
Exploration de l’univers d’Overcooked · Reconstitution vectorielle des différents visuels · Conception de maquette · Codage en CSS et HTML · Animation en Javascript
Logiciels
Je souhaitais faire tenir l’univers vivant et chaotique d’Overcooked 2 dans une interface one-page.
J’explore…
Une partie de plaisir puisque c’est une partie de jeu ! La recherche a eu pour but d’explorer chacun des recoins du jeu vidéo Overcooked 2 afin d’y extirper chaque visuel, chaque code graphique et même le ton employé. Tout ça en capture d’écran.
J’identifie
Pour garder la ligne directrice du jeu, j’ai choisi les éléments qui me serait nécessaire pour la réalisation de la maquette puis je les ai, un à un, reproduit sur illustrator.
Je structure
La maquette était d’abord très simple pour être capable de la coder…
La forme suit le fond et le fond suit le jeu (y compris les jeux de mots).
Pour finalement coder
Après toute la structure en HTML, le CSS… Je pense que les mots ne sont pas nécessaires.
Anecdote
Premier projet de code.
Je voulais apprendre à m’adapter à un univers existant tout en gardant un peu de fun (oui, oui : fun et code). J’ai donc choisi un jeu : Overcooked.
Si vous ne connaissez pas, il est peut-être temps de sortir de votre vraie cuisine et d’y jouer, il va devenir votre nouvelle addiction !
Pour la maquette, j’ai exploré absolument tout : captures d’écran, reconstitution vectorielle, analyse des cadres, arrière-plans réinventés, crédits vus au moins trois fois… et inventer les pires (ou les meilleurs) jeux de mots dignes de Mister Oignon.
Et, petite fierté, pour ceux qui connaisse : j’ai obtenu 4 étoiles sur la plateforme du monde 5-3. Oui, 4 étoiles. Oui, 1129 points. J’ai 4 étoiles partout désormais (et je préfère pas vous parler du temps passé dessus – sachez juste que cette information a faillit apparaître sur mon CV).