KineSketch

Outil web de dessin de schémas cinématiques avec symboles normalisés ISO 3952 — conçu pour les étudiants en ingénierie mécanique.

Le Projet

KineSketch est un outil web de dessin de schémas cinématiques utilisant les symboles normalisés ISO 3952. Je l'ai créé pour des étudiants en ingénierie mécanique qui avaient besoin d'un système efficace et rapide pour produire des schémas cinématiques — en remplacement des dessins papier fastidieux ou des logiciels desktop inadaptés.

Le Problème

Les étudiants en ingénierie passent un temps considérable à dessiner des schémas cinématiques à la main ou avec des outils de dessin génériques non adaptés aux conventions de la mécanique. Les solutions existantes sont soit des applications desktop obsolètes, soit dépourvues des symboles normalisés ISO 3952 exigés en milieu académique.

Fonctionnalités

Liaisons Normalisées

Toutes les liaisons mécaniques ISO 3952 sont disponibles : pivot, glissière, pivot glissant, rotule, encastrement, hélicoïdale, rotule à doigt, appui plan, linéaire annulaire, linéaire rectiligne et ponctuelle — chacune avec plusieurs options de vue.

Canvas Infini

Déplacement au trackpad, clic molette ou outil main
Zoom au scroll ou pinch
Accrochage à la grille pour un placement précis

Solides & Liaisons

Création de solides colorés et connexion par des liaisons
Labels déplaçables sur les liaisons et les liens
Poignée de rotation avec accrochage à 15°

Calcul de Mobilité

Calculateur intégré de la formule de Grübler : calcul automatique des degrés de liberté du mécanisme, détection de l'hyperstatisme et détail des contraintes.

Outils d'Analyse

Tableau des liaisons — vue tabulaire de toutes les liaisons et leurs connexions
Graphe des liaisons — représentation graphique visuelle du mécanisme

Export

.kinesketch — Format JSON natif pour sauvegarde/chargement complet
PNG — Image haute résolution (3x)
SVG — Vectoriel, compatible Inkscape
LaTeX (TikZ) — Pour les publications académiques avec symboles ISO 3952

Stack Technique

React 19 + TypeScript pour l'interface
Konva + react-konva pour le rendu canvas 2D
Zustand + Zundo pour la gestion d'état avec undo/redo
Vite pour le développement et le build

Démo interactive