Gestes & Webcam
Onze effets pilotés par les mains et le visage, en direct devant la webcam. Chaque démo tourne au curseur sans caméra ; la caméra ne s'active que sur clic, et rien n'est envoyé.
Mis à jour le
Comment fonctionnent ces effets à la webcam, et que devient l'image ?
Tout se passe dans le navigateur du visiteur : la détection des mains et du visage tourne localement (MediaPipe, en WebAssembly), aucune image n'est envoyée ni enregistrée. Chaque effet démarre en mode démo, piloté par le curseur, sans caméra ; la caméra n'est demandée qu'après un clic sur son bouton, et elle s'arrête au second clic, quand l'effet sort de l'écran ou quand l'onglet est masqué.
Comment choisir, performances et accessibilité
- La page doit être servie en HTTPS (le navigateur l'exige pour la caméra).
- Le premier clic télécharge le moteur de détection et son modèle depuis un CDN (environ 20 Mo), ensuite gardés en cache.
- Chaque effet est autonome : trois blocs HTML, CSS et JavaScript à copier, messages regroupés en tête du script pour les traduire, préfixe de classes unique.
- Sans caméra, sans autorisation ou sans WebGL, l'effet reste en mode démo et l'explique.
- Les 11 effets de cette catégorie sont inclus dans Premium.
Les 11 effets de cette catégorie sortent le 1er octobre 2026. En attendant, ils sont annoncés dans les nouveautés.
Lightning Hands
Des éclairs bleu-blanc crépitent entre les bouts de vos doigts, d'une main à l'autre, devant votre webcam. Sans caméra, la démo suit le curseur et s'anime toute seule.
💡 Idéal pour : borne d'événement, écran de lancement de jeu, stand de salon.
Particle Sphere
Une sphère de milliers de points se pose sur votre main. Levez des doigts pour changer sa couleur, ouvrez grand la main pour la faire éclater, montrez deux mains pour la faire grandir.
💡 Idéal pour : accueil de musée ou de planétarium, vitrine de produit tech.
Plasma Orb
Un orbe d'énergie se charge dans votre main ouverte : cœur incandescent, filaments de plasma, anneaux en orbite. Fermez le poing pour le libérer en onde de choc.
💡 Idéal pour : lancement de jeu, boisson énergisante, borne d'événement.
Neon Face Scan
Un maillage néon épouse votre visage et suit vos mouvements, pendant que votre double holographique tourne dans le coin. Vos gestes de la main changent la couleur ; le poing le dissout.
💡 Idéal pour : cabine photo de festival, création d'avatar, installation de musée.
Energy Crystal
Un cristal à facettes flotte entre vos mains et réfracte l'image de la caméra. Paume ouverte : il se charge. Poing : il vole en éclats. Pince : il se reforme à la taille voulue.
💡 Idéal pour : hero de page de lancement, exposition interactive, vitrine de studio 3D.
Runic Fire Circles
Une main : des filaments de feu l'enveloppent et laissent monter des braises. Deux mains : un cercle runique s'ouvre sur chaque paume et tourne à la taille de votre main.
💡 Idéal pour : festival fantasy ou jeu de rôle, lancement de jeu vidéo, escape game.
Palm Figurines
Ouvrez la main : une figurine 3D se pose dans votre paume, sur son socle lumineux, et tourne avec elle. Fermez le poing pour passer à la suivante (robot, astronaute, golem).
💡 Idéal pour : boutique de figurines ou de jouets, lancement de mascotte, page collector.
Finger Frame Filter
Formez un cadre avec vos doigts : tout ce qu'il encadre passe en thermique, pop art, rayons X, néon ou vision nocturne. Refermez puis rouvrez le cadre pour changer de filtre.
💡 Idéal pour : borne de musée, photomaton interactif, écran d'attente d'événement.
Hand Cursor
Pilotez une interface sans la toucher : l'index déplace le curseur, un pincement clique, la main ouverte fait défiler, le poing relâche. Sans caméra, une main fantôme joue la démo.
💡 Idéal pour : borne de musée ou de salon, vitrine interactive, menu sans contact.
Head-Tracked Parallax
Le haut de page devient une fenêtre en 3D : bougez la tête devant la webcam et la scène se décale en profondeur, comme à travers une vraie vitre. Sans caméra, la souris joue la tête.
💡 Idéal pour : hero de lancement produit, portfolio de studio 3D, showroom.
Air Drawing
Levez l'index devant la webcam et dessinez en l'air : un trait néon lissé suit votre doigt. Deux doigts pour lever le crayon, le poing pour effacer, puis téléchargez votre dessin.
💡 Idéal pour : livre d'or de salon, mur de signatures, animation de stand.