Motion design et vidéo · Graphiques et chiffres animés

Carte de flux géographiques et liaisons réseau (Master Prompt Network Map)

Le prompt d'ingénierie complet pour animer des routes logistiques et liaisons télécoms avec arcs de Bézier lumineux, particules en transit et pulsation radar.

Intermédiaire Essayé le 28 octobre 2026

Master Prompt d’ingénierie Motion Design

Prompt Master Motion Design (Architecture complète)

Prêt à copier dans Claude 3.7 Sonnet, Cursor ou votre environnement de code

<inputs>Paramètres d’entrée requis

Demande-moi d'abord : le hub ou point d'origine central [ville de départ, ex: Lomé], les destinations connectées [villes reliées, ex: Cotonou, Accra, Abidjan, Ouagadougou, Dakar], les données associées à chaque flux (volumes, délais ou pourcentages), et le style cartographique (mode sombre minimaliste ou fond clair épuré).

</inputs>

<direction>Direction artistique & Règles visuelles

Visualisation géospatiale de flux logistiques et télécoms de niveau agence d'analyse stratégique. La carte vectorielle stylisée n'est pas un plan GPS surchargé : c'est une épure élégante où le réseau prend vie. Le hub central s'allume comme un phare avec des cercles concentriques radar qui pulsent vers l'extérieur. Des courbes de flux paraboliques lumineuses en arcs de cercle (courbes de Bézier quadratiques en suspension) se tracent progressivement vers chaque métropole de destination, transportant une particule étincelante continue le long de chaque corridor. Strictement banni : lignes droites plates qui se croisent en brouillon, cartes satellites pixelisées illisibles, marqueurs géants qui bouchent la vue, et saccades de framerate.

</direction>

<structure>Chronologie & Grille rythmique (BPM)

12 secondes au total, séquencées en réseau : - 0.0s - 2.0s : Allumage du Hub. Le point central s'illumine en bleu cobalt ou vert néon avec double émission d'ondes concentriques radar à intervalle de 800ms. - 2.0s - 6.5s : Déploiement des corridors. Les arcs de flux SVG se tracent simultanément vers les villes partenaires. Chaque arc est courbé vers le ciel avec un point de contrôle élevé. Une particule brillante parcourt chaque arc en continu. - 6.5s - 9.5s : Arrivée et éclosion. Dès que la particule atteint chaque ville de destination, le badge de la ville s'illumine avec son chiffre d'échange et sa pastille de connectivité. - 9.5s - 12.0s : La circulation permanente. L'ensemble du réseau pulse en harmonie avec flux de données continu et compteur global s'incrémentant au centre.

</structure>

<build>Spécifications techniques & Pipeline de code

1. Un fichier HTML/SVG/JS autonome avec coordonnées vectorielles des contours géographiques intégrées. 2. Formule mathématique des arcs : chemins SVG <path d="M x0,y0 Q x_ctrl,y_ctrl x1,y1"> avec x_ctrl = (x0+x1)/2 et y_ctrl = min(y0,y1) - hauteur_arc. 3. Rendu 60fps Playwright pour vidéos de présentation institutionnelle ou d'expansion d'entreprise.

</build>

<gotchas>Pièges techniques & Erreurs à éviter

Ne tracez jamais de lignes droites directes entre les points : l'élévation verticale de l'arc de Bézier est indispensable pour éviter que les tracés ne se superposent et pour conférer cette élégance aérienne propre aux flux mondiaux.

</gotchas>

<start>Consigne d’amorçage & Démarrage

Demande-moi d'abord mon hub et mes destinations (<inputs>), puis présente la carte des arcs avant de livrer le code.

</start>

À remplacer avant de coller : [ville de départ, ex: Lomé]

Pourquoi ça marche mieux

Demande vague

« dessine une carte avec des lignes qui bougent entre des villes »

L’IA doit deviner : réponse générale, ou questions en retour.

Avec R.C.T.F.

Rôle, contexte, tâche et format sont précisés : la réponse est utilisable presque telle quelle.

Exemple de résultat

Réponse obtenue avec Claude, Cursor, le 28 octobre 2026. Votre résultat sera différent : l’IA ne répond jamais deux fois pareil.

Architecture cinématique des flux cartographiques : - Nœud central (Hub) : point lumineux de 8px avec 2 cercles concentriques pulsants à intervalle de 1,5s (animation 'radar-ping'). - Tracés d'arcs de flux : chemins SVG <path d='M... Q...'> calculés avec un point de contrôle élevé pour créer une trajectoire parabolique élégante. - Animation du tracé : défilement continu par 'stroke-dasharray: 8 6' et 'stroke-dashoffset' animé en continu pour simuler le flux continu de données ou de marchandises. - Particule pilote : petit cercle de lumière qui parcourt le chemin de 0% à 100% avec lueur diffuse (filter: drop-shadow(0 0 6px cyan)). - Étiquettes des villes apparaissant dès que la particule atteint sa destination.

Pour améliorer la réponse, relancez

Ajoute un compteur du volume total transporté ou échangé s'incrémentant au fur et à mesure des arrivées.
Adapte la carte pour un pays spécifique (ex: Togo, Côte d'Ivoire, Sénégal ou région CEDEAO).

Conseil. Pour éviter un effet fouillis, courbez les lignes vers le haut (courbes de Bézier quadratiques) plutôt que de tracer des lignes droites directes : l'arc donne une sensation aérienne beaucoup plus lisible.

Essayé avec

Apprendre à écrire vos propres prompts

La formation gratuite « L’IA pour entrepreneurs » vous apprend la méthode R.C.T.F. en vidéo, avec des exercices et un quiz.

Suivre la formation gratuite