Jeux et démonstrateurs techniques

Ces pages existent pour être essayées. Elles sont écrites avec les mêmes contraintes que nos projets clients, sans framework et sans étape de build, ce qui rend le code lisible et le comportement vérifiable directement dans le navigateur. Le JavaScript y est écrit pour la page, et une bibliothèque tierce n'entre que là où la réécrire serait absurde, Leaflet pour les cartes et Three.js pour la 3D.

Les mêmes pages sont aussi exposées dans un couloir en trois dimensions calculé par le navigateur, une autre façon de les parcourir : la galerie en volume.

À essayer en premier

Les démonstrateurs

Chaque page s'ouvre et se manipule directement, sans inscription et sans rien à installer.

  • Formulaire qui se remplit tout seul Le nom d'une entreprise fait venir sa fiche légale, l'adresse saisie se décompose jusqu'au code INSEE, et la mairie de la commune arrive avec. Recherche d'entreprises, Base Adresse Nationale et annuaire de l'administration, journal des appels affiché à côté du formulaire
  • Carte des événements en Occitanie Plusieurs milliers d'événements repris tels quels d'une base publique, régénérés chaque nuit, filtrables par famille et par date. Leaflet, fonds IGN, base publique DATAtourisme découpée en douze fichiers chargés à la demande
  • Observatoire des carburants en Occitanie Une année entière de prix déclarés, rejouée chaque nuit pour les treize départements. Leaflet, fonds IGN, courbe tracée en SVG côté serveur, archive annuelle du site gouvernemental rejouée chaque nuit
  • Optimiseur de tournée Jusqu'à sept adresses, et l'ordre de passage le plus rapide comparé à celui que vous avez saisi. Leaflet, fonds IGN, calcul d'itinéraire Géoplateforme, recherche exhaustive de l'ordre de passage
  • Chasse au kilo-octet Quatre fonctions à livrer, 150 kilo-octets de budget. JavaScript vanilla, poids mesurés sur les fichiers réels, course de chargement en temps de transfert
  • Carte de biens immobiliers Une zone de recherche qu'on déplace et qu'on redimensionne, un comptage qui suit le geste, et les lots d'un même programme regroupés sous un seul marqueur. Leaflet, fonds IGN et parcellaire cadastral, catalogue de biens fictifs interrogé dans le navigateur
  • Prix des terrains à bâtir en Haute-Garonne Sur les 586 communes du département, 55 comptent assez de ventes pour qu'un prix au mètre carré ait un sens. Les autres disent ce qui leur manque. Leaflet, fonds IGN, ventes DVF de trois millésimes agrégées commune par commune, contours communaux simplifiés côté serveur
  • Consommation d'énergie des logements en Haute-Garonne Sur les 586 communes du département, 113 comptent assez de diagnostics pour qu'une consommation médiane ait un sens, par énergie de chauffage, type de logement et taille. À taille comparable, une maison consomme de 5 à 72 pour cent de plus qu'un appartement. Leaflet, fonds IGN, base des DPE de l'ADEME sur vingt-quatre mois glissants, médianes et quartiles calculés commune par commune, prix de référence de la CRE
  • Simulateur d'ombres portées Une adresse réelle, une date, une heure, et le quartier se reconstruit en volume avec ses ombres vraies, du lever au coucher. Three.js, bâtiments et altitudes de la BD TOPO, position du soleil calculée
  • Températures à une date Il faisait combien à cette date ? JavaScript vanilla, relevés Météo-France en Licence Ouverte, cent trente stations d'Occitanie
  • Masquez vos données avant qu'une IA les lise Un devis ou un mail collé, les noms, numéros et adresses remplacés par des jetons dans votre navigateur, puis ce qui part au modèle affiché octet pour octet et la réponse remise en clair. JavaScript vanilla, masquage côté navigateur, API Mistral relayée par un proxy PHP qui ne conserve rien, conditions et latence relevées le 7 septembre 2026
  • Composeur de newsletter Une newsletter composée section par section, le même document rendu sous deux marques, un rideau pour passer de l'une à l'autre, et le HTML d'email produit à lire et à copier. JavaScript vanilla, moteur de rendu séparé des profils de marque, HTML d'email en tableaux et styles en attributs, sortie comparée à une référence figée, aucun appel réseau

Les jeux

Jouables tout de suite, au clavier comme à la souris, et sur un téléphone.

  • Où dans Toulouse ? Un lieu de Toulouse s'affiche, à pointer sur la carte, et la distance fait le score.
  • Mots croisés La grille se remplit devant vous, impasses et retraits compris, avant que vous ne la jouiez.
  • Seize tuiles Les tuiles glissent et fusionnent, et un bouton sous le plateau change la façon dont le déplacement est rendu : par transform, ou par top et left.
  • Sudoku Quatre difficultés nommées par le raisonnement qu'elles exigent, jamais par le nombre de cases données, qui ne mesure rien.
  • Cinq départements Nommer une commune dans chacun des cinq départements du jour.
  • Démineur Trois niveaux, une grille qui change de forme sur téléphone au lieu de rétrécir, et le geste d'accord des joueurs habitués.
  • Casse-briques Quatre niveaux, une physique de collision qui ne laisse pas la balle traverser les briques, et un repère de jeu qui s'adapte à la place disponible sur un téléphone.
  • La route de brique Une ville dessinée au trait défile, la couleur lui revient à mesure qu'on ramasse des repères, et la perspective se replie à plat en cours de route.

Pourquoi montrer plutôt que décrire

Un prestataire peut écrire qu'il maîtrise la performance et l'accessibilité. La phrase ne coûte rien et ne se vérifie pas. Une page qui tourne, elle, se mesure : temps de chargement, comportement au clavier, tenue sur un téléphone de milieu de gamme, respect des préférences système. C'est pour ça que ces démonstrateurs sont ouverts plutôt que rangés dans un portfolio.

Le choix des sujets n'est pas anodin. Un jeu impose des contraintes qu'un site vitrine n'a pas, une boucle d'animation régulière, des entrées multiples et des calculs à chaque image, et il rend visible immédiatement ce qui est mal fait. Les mêmes réflexes servent ensuite sur un catalogue de plusieurs milliers de références ou sur une interface de gestion utilisée toute la journée.

Notre façon de travailler est détaillée dans notre approche du développement sur mesure. Pour mesurer une page réelle, l'analyseur de vitesse donne un résultat en quelques secondes, et Le Mag revient sur les arbitrages techniques derrière ces choix. D'autres démonstrateurs viendront ici quand ils auront quelque chose à démontrer.

Un projet qui demande ce niveau de soin

Plateformes métier, catalogues volumineux, synchronisations entre systèmes : nous concevons des outils sur mesure conçus pour durer, à Toulouse et partout en France.

Parlons de votre projet