Gestionnaire de projets RPG Maker MV

Bonjour à toutes et tous, aujourd'hui je viens vous présenter un petit bricolage qui vous sera peut-être utile. Comme scripteur, j'ai déjà produit quelques plugins, et j'ai décidé d'uploader des démos de ces systèmes sur mon domaine perso. Mais faire un lien par démo m'embêtait un peu, surtout que je n'ai pas prévu d'arrêter de scripter et de partager mes créations. Du coup j'ai décidé de bricoler un site pour gérer mes démos.

Et comme pour mes plugins, après l'avoir adapté à mon usage, je me suis dit que je n'étais peut-être pas le seul à vouloir gérer plusieurs projets RMMV au même endroit. Aussi, j'ai décidé de publier mes sources publiquement dans mon dépôt Gitlab (j'ai choisi Gitlab plutôt que Github pour une raison toute bête : je peux créer des dépots privés gratuitement, ce qui n'est pas - à ma connaissance - le cas sur Github).

Sans plus attendre, je vous propose d'aller voir par vous même ce que donne ce que je viens vous présenter : https://demos.rmmv.genie23.fr/

En cliquant sur ce lien, vous arriverez sur le site qui gère mes démos de RPG Maker MV. Autant vous prévenir, les performances somme toute assez médiocres parfois de ce site ne viennent pas du site lui même, mais du fait que mon domaine est auto-hébergé et que ma connexion n'est pas miraculeuse.

Revenons à mes démos. Elles sont organisées grace à un fichier qui s'appelle demos.json.js qui ressemble à ca (pour mes démos) :

Code:

/*
 * Projets gérées : ID: { name: NOM, category: CATEGORIE }
 *           ou : ID: { name: NOM, icon: ICON, category: CATEGORIE }
 *     - Les projets doivent être uploadées dans le sous dossier demos/ID
 *     - Le fichier zip contenant le projet démo doit s'appeler ID.zip et être uploadé dans le sous dossier demos/
 *     - ID est l'identifiant du projet (de préférence composé de lettres et chiffres uniquement)
 *     - NOM est le nom du projet qui sera affiché dans le lien de téléchargement.
 *     - ICON est une icone FontAwesome valide ou n'est pas définie, dans ce cas aucune icone ne sera affichée.
 *         Liste des icones disponibles : https://fontawesome.com/icons?d=gallery&s=solid&m=free
 *     - CATEGORIE est le nom du menu dans lequel sera affiché la démo. Mettre "" pour que la démo soit dans la barre de menus.
 */
PROJECTS = {
    "chart2": { name: "Chart2", icon: "chart-bar", category: "Systèmes" },
    "clock": { name: "Clock", icon: "clock", category: "Systèmes" },
    "maplink": { name: "Maplink", icon: "map", category: "Maps" },
    "regionBGM": { name: "Région BGM/BGS automatique", icon: "volume-up", category: "Maps" },
    "wbCss": { name: "WB CSS", icon: "file-code", category: "Messages" },
    "windowMapName": { name: "Window Map Name", icon: "window-maximize", category: "Maps" },
};

Après, le site est composé de 2 pages HTML, 2 feuilles de styles et un script JS. Donc n'attendez pas un gros système avec authentification, panneau d'administration, système d'upload de projets, ...

Mais il fait le job pour lequel il a été concu, gérer les démos qu'on lui fait connaitre, et permettre de naviguer entre. Le menu est initialisé en javascript, ce qui crée un (très léger) décalage au chargement de la page.

Les sources sont disponibles ici : https://gitlab.com/Sphinx/demos-rmmv. Je les partage aujourd'hui sous licence CC BY 4.0. Si vous avez des idées pour l'améliorer, n'hésitez pas, je suis preneur.