Outil de visualisation clavier en temps réel avec animation personnalisable en C++

Bongo Cat Mver est une application open source écrite en C++ qui transforme les entrées clavier et souris en animations interactives d’un personnage félin stylisé. Conçue pour les créateurs de contenu, elle s’intègre discrètement à des flux en direct, des tutoriels ou des captations vidéo, en fournisant un retour visuel immédiat et modulable des actions utilisateur.

Pourquoi intégrer une couche de visualisation clavier ?

Dans les formats audiovisuels modernes, la simple capture d’écran ne suffit plus : le public exige de comprendre comment une tâche est accomplie. Bongo Cat Mver répond à ce besoin en convertissant les frappes et clics en événements animés lisibles, sans surcharge cognitive ni interruption du flux principal.

Installation rapide sous Windows

L’application fonctionne nativement sur Windows 10/11 64 bits avec DirectX 11 et .NET Framework 4.7.2+. Aucune compilation n’est requise pour les utilisateurs finaux :

  1. Téléchargez l’archive depuis le dépôt officiel : https://gitcode.com/gh_mirrors/bo/Bongo-Cat-Mver
  2. Extrayez le dossier BongoCatMver
  3. Lancez BongoCatMver.exe — la configuraton par défaut s’initialise automatiquement

Configuration basique via JSON

Le fichier CatUILauncher/config.json permet d’ajuster les comportements fondamentaux :

{
  "mode": 1,
  "decoration": {
    "topWindow": true,
    "framerateLimit": 60,
    "opacity": 0.88
  },
  "window_size": [580, 330],
  "position_offset": [20, 20]
}

La valeur "mode" détermine le style visuel : 1 active un rendu minimaliste (lignes épurées), tandis que 2 active un mode riche en effets (transparence, rotation, ombres portées).

Personnalisation avancée des animations

Les expressions faciales sont pilotées par des codes de touche ASCII dans le tableau "face" :

"face": [
  [65],   // 'A' → expression 0
  [83],   // 'S' → expression 1
  [68],   // 'D' → expression 2
  [70]    // 'F' → expression 3
]

Chaque entrée correspond à un fichier PNG dans img/keyboard/face/, nommé 0.png à 3.png. Les interactions souris sont également mappées indépendamment :

"mouse": {
  "left": 1,
  "right": 2,
  "wheel_up": 4,
  "wheel_down": 5
}

Optimisation selon le matériel

Pour les systèmes aux ressources limitées, ajustez ces paramètres dans la section "decoration" :

  • "framerateLimit": 30 — réduit la charge GPU
  • "window_size": [420, 240] — diminue la surface de rendu
  • "rgb": [255, 255, 255] — privilégie les tons neutres pour limiter le coût de compositing

Intégration multi-écran

Pour positionner l’overlay sur un écran secondaire, définissez une zone de travail précise :

"workarea": {
  "enabled": true,
  "bounds": [[1920, 0], [3840, 1080]]
}

Cette configuration place l’interface dans le coin supérieur gauche du deuxième moniteur (résolution 1920×1080).

Extension par ressources externes

L’application supporte le remplacement des assets sans modification du code :

  • Remplacez les fichiers PNG dans img/keyboard/key/ pour modifier l’apparence des touches
  • Ajoutez des sons FLAC dans sounds/ (ex. 0.flac) pour activer un feedback auditif sur frappe
  • Utilisez le champ "scalar" pour redimensionner dynamiquement l’ensemble de l’interface :
"scalar": [0.95, 0.95]

Étiquettes: C++ DirectX11 keyboard-visualization real-time-animation overlay-tool

Publié le 2 octobre à 02h45