Music Clicker: Jeu web avec PixiJS

    Description Mon Projet de Spécialisation consiste en la conception d’un mini jeu web de type Clicker, accessible via navigateur. Le jeu permet : Une section distincte « Jeu de cartes » permet d’acheter des boosters aléatoir   Aspects Techniques Ce projet repose sur une architecture web combinant PHP, JavaScript et CSS. Le backend […]

mai 19, 2025

Music Clicker: Jeu web avec PixiJS

Auteurs : Ludovic Veilleux
Date : Janvier 2026
Technos : JavaScript, CSS, HTML, PHP, PIXIJS, LocalStorage, VPS linux
Interopérabilité : Ordinateur, Mobile

 

 

Description

Mon Projet de Spécialisation consiste en la conception d’un mini jeu web de type Clicker, accessible via navigateur.

Le jeu permet :

  • D’accumuler des points via des clics
  • D’améliorer la production automatique
  • D’acheter des boosters
  • D’obtenir des cartes à collectionner
  • De sauvegarder la progression

Une section distincte « Jeu de cartes » permet d’acheter des boosters aléatoir

 

Aspects Techniques

Ce projet repose sur une architecture web combinant PHP, JavaScript et CSS. Le backend utilise PHP pour structurer l’application avec des fichiers modulaires (header, footer, includes) facilitant la maintenance et le déploiement sur VPS. Le frontend est entièrement dynamique et repose sur JavaScript, avec l’intégration du moteur de rendu 2D PixiJS pour gérer les animations du clicker, l’ouverture des boosters et l’affichage des cartes. La gestion de l’état du jeu (points, améliorations, cartes obtenues) est assurée via le LocalStorage du navigateur afin de conserver la progression de l’utilisateur. Une optimisation responsive a été appliquée via des media queries CSS pour assurer une compatibilité jusqu’à 768px, garantissant une expérience fluide sur mobile et ordinateur.

Article du jeu web (Atome.io)

Article du jeu web (Dés en multijoueur)

Lien vers le jeux => https://lveilleux.space/clicker/