Jeux et démonstrateurs techniques

Ces pages existent pour être essayées. Elles sont écrites avec les mêmes contraintes que nos projets clients, en JavaScript vanilla, sans framework et sans étape de build, ce qui rend le code lisible et le comportement vérifiable directement dans le navigateur.

Les démonstrateurs

  • Partie de casse-briques en cours, mur de briques entamé et balle en vol

    Casse-briques

    JavaScript vanilla, canvas, jouable au clavier, à la souris et au doigt

    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. Le détail des quatre points techniques est expliqué sous le jeu.

    Jouer
  • Grille de démineur en cours, drapeaux posés et cases ouvertes portant leurs chiffres

    Démineur

    JavaScript vanilla, grille en boutons HTML, jouable entièrement au clavier

    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. La grille n'est pas dessinée mais faite de vrais boutons, ce qui donne le clavier et la restitution vocale sans les réécrire.

    Jouer

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.

Les deux premiers démonstrateurs reposent d'ailleurs sur des techniques opposées, et c'est délibéré. Le casse-briques dessine tout dans un canevas, seule option tenable pour une animation continue, au prix de devoir réimplémenter ce que le navigateur offre par ailleurs. Le démineur fait le contraire, avec une grille de vrais boutons qui apporte le focus, le clavier et la restitution vocale sans une ligne de code. Savoir laquelle des deux voies convient à un problème donné est une décision d'architecture, pas une préférence.

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