Memory Framework / Engin : Web (PHP/JavaScript) Version actuelle : 1.2 (2018-08-15) Projet initié le : 2018-08-13

Introduction et Objectif Technique

Ce projet est l'implémentation complète d'un jeu de mémoire classique, développé exclusivement en pur JavaScript (Vanilla JS). L'objectif était de démontrer ma capacité à coder un jeu interactif et dynamique sans recourir à des frameworks Front-end lourds, en me concentrant sur la performance et l'efficacité du code natif.

Architecture Modulaire JavaScript

Le code est structuré de manière modulaire, divisé en trois fichiers principaux : index.html pour la structure, memory.js pour la logique de jeu centrale (mélange, vérification des paires, gestion de la grille), et card.js qui contient la classe Card. Cette approche démontre une bonne compréhension de la programmation orientée objet (POO) pour la gestion des données des cartes.

Flexibilité de la Grille et UX

J'ai développé un système permettant à l'utilisateur de personnaliser la difficulté en sélectionnant dynamiquement le nombre de lignes et de colonnes, avec une plage allant de 2x2 à 8x8. Cette fonctionnalité valide ma maîtrise de la manipulation du DOM (Document Object Model) pour créer des interfaces utilisateur flexibles basées sur les entrées de l'utilisateur.

Gestion des Actifs et Intégration Visuelle

La gestion des actifs visuels est assurée par un seul spritesheet (tileset.png). J'ai codé la logique pour afficher correctement la bonne image en fonction de l'état de la carte (cachée, révélée, paire trouvée), utilisant les coordonnées et les événements pour animer l'expérience.

Bilan et Compétences Front-end

Ce projet est une démonstration concrète de l'application de JavaScript pur pour le gameplay, la gestion d'état, et la manipulation du DOM. Il prouve la capacité à livrer un jeu complet et jouable, avec une interface utilisateur réactive, tout en maintenant un code bien organisé.