Retour aux projets
SAE en groupe Web API Jeu

MOMENTUM

MOMENTUM
2024

Description du projet

MOMENTUM est un projet collectif ambitieux réalisé dans le cadre de la formation MMI à Troyes. L'objectif était de concevoir et créer une véritable borne de jeu d'arcade autour d'un jeu de parkour. Le projet impliquait 5 groupes d'étudiants, chacun responsable d'un aspect différent : game design, développement du jeu, modélisation 3D, communication et développement web. Pour ma part, j'ai contribué à la direction artistique en créant le moodboard, à la production des assets 3D sur Blender, et au développement complet du site web vitrine connecté à l'API du jeu pour afficher les scores en temps réel.

Traces (5)

1

Moodboard et direction artistique

Moodboard et direction artistique

Légende

Planche d'inspiration (moodboard) réalisée pour définir l'univers visuel de MOMENTUM. J'y ai rassemblé des références à l'esthétique urbaine et nocturne, la typographie du projet (style Marathon), des captures de jeux de parkour en pixel art, des ambiances néon/cyberpunk et des textures architecturales industrielles.

Commentaire

Ce moodboard a servi de base à toute la direction artistique du projet. Il a permis à l'ensemble des 5 groupes de partager une vision commune de l'univers visuel : tons sombres, accents néon vert/violet, ambiance urbaine. Cette étape de recherche graphique est essentielle pour garantir la cohérence visuelle entre le jeu, le site web, la borne physique et la communication. Elle démontre ma capacité à mener une réflexion créative structurée en amont du développement.

Compétences

Développer — Développer pour le web et les médias numériques Entreprendre — Entreprendre dans le secteur du numérique
2

Assets et graphismes 3D sur Blender

Assets et graphismes 3D sur BlenderAssets et graphismes 3D sur BlenderAssets et graphismes 3D sur Blender

Légende

Captures d'écran de Blender montrant les assets 3D modélisés pour le jeu MOMENTUM : une barrière/obstacle avec 4 pieds et un plateau noir, un panneau industriel avec des bandes jaune/noir d'avertissement et des détails mécaniques, ainsi que les variantes de chaque élément (3 barrières et 3 panneaux avec différents niveaux de détail). Ces obstacles sont utilisés dans les niveaux du jeu de parkour.

Commentaire

La modélisation 3D sur Blender m'a permis de produire les assets visuels nécessaires au jeu : obstacles, décors et éléments d'environnement. J'ai créé plusieurs variantes de chaque objet pour enrichir les niveaux sans répétition visuelle. Ce travail démontre ma capacité à utiliser un outil de création 3D professionnel et à produire des éléments graphiques cohérents avec la direction artistique définie dans le moodboard (esthétique industrielle, bandes d'avertissement jaune/noir).

Compétences

Développer — Développer pour le web et les médias numériques Entreprendre — Entreprendre dans le secteur du numérique
3

Maquette du site web Momentum

Maquette du site web Momentum

Légende

Maquette complète du site web MOMENTUM présentant les différentes sections : page d'accueil avec le titre du jeu, description du gameplay, section animation avec les personnages 3D, et présentation des créateurs. Le design reprend les codes visuels du moodboard avec un fond sombre et des accents colorés.

Commentaire

Cette maquette traduit la direction artistique en une interface web concrète. Elle montre ma capacité à passer d'une vision créative (le moodboard) à une proposition d'interface structurée et navigable, tout en respectant l'identité visuelle du projet. La maquette a servi de référence pour le développement front-end.

Compétences

Développer — Développer pour le web et les médias numériques Entreprendre — Entreprendre dans le secteur du numérique
4

Site web MOMENTUM — version finale

Site web MOMENTUM — version finale

Légende

Page d'accueil du site MOMENTUM v2 avec le hero cinématique montrant un personnage en parkour dans un univers cyberpunk, la navigation (Home, Description, Création, Leaderboard), le slogan 'Run. Collect lights. Sabotage your rival. And survive the night.' et le bouton 'Initialize the protocol'. Le design reprend l'esthétique néon vert/rouge du moodboard avec des effets glitch.

Commentaire

Cette version finale du site représente l'aboutissement de tout le travail créatif et technique sur MOMENTUM. Le site est connecté à l'API du jeu pour afficher les scores en temps réel (leaderboard). Le design intègre fidèlement la direction artistique définie dans le moodboard : ambiance sombre, accents néon, effets glitch, typographie pixelisée. Ce résultat démontre ma capacité à mener un projet web de bout en bout — du moodboard au site en production.

Compétences

Développer — Développer pour le web et les médias numériques Entreprendre — Entreprendre dans le secteur du numérique
5

Site MOMENTUM en ligne

Légende

Lien vers le site web MOMENTUM déployé et fonctionnel, avec le leaderboard connecté à l'API du jeu d'arcade.

Commentaire

Le site déployé permet aux joueurs de consulter leurs scores en temps réel et de découvrir l'univers du jeu. Il consomme une API REST pour restituer les données dynamiques dans une interface cohérente avec l'univers graphique du projet.

Compétences

Développer — Développer pour le web et les médias numériques Entreprendre — Entreprendre dans le secteur du numérique

Compétences validées

  • Développer — Développer pour le web et les médias numériques
  • Entreprendre — Entreprendre dans le secteur du numérique

Technologies utilisées

HTML CSS JavaScript API REST Blender Figma