bsnegi008/ten-video-styles

10 styles vidéo

Recettes pour faire ressembler le MÊME sujet à 10 styles artistiques vraiment différents dans une vidéo rendue par code. Un style n'est pas un simple changement de couleur : chacun a sa propre géométrie, texture, mouvement et police. Si une image de votre scène pourrait être confondue avec de l'art vectoriel plat, le style n'est pas encore abouti.

Comment utiliser

1. Demandez (ou déduisez) trois choses : le sujet (ex. un auto-rickshaw), le style (un des 10 ci-dessous) et le format (par défaut 1080×1920, 30 ips).
2. Dessinez le sujet UNE FOIS sous forme de polygones simples + cercles (listes de points, sans courbes). Chaque style ci-dessous re-rend ces mêmes données de points, de sorte que le sujet reste reconnaissable à travers les styles.
3. Construisez la scène avec la recette pour le style choisi : fond, traitement du sujet, mouvement, police.
4. Rendez 1 image fixe par scène et REGARDEZ-la avant le rendu complet. Corrigez, puis rendez.

Formule de prompt que l'utilisateur peut taper : fais une vidéo de [sujet], en style [STYLE] + ambiance, caméra, objectif.

Règles pour chaque style

• Le sujet se trouve dans les 60 % centraux du cadre ; gardez le texte en dehors des 220 px du haut et des 380 px du bas (l'interface des Reels les recouvre).
• Le titre utilise une police qui appartient au style (listée par style). Chargez les polices sous forme de fichiers locaux ; ne comptez pas sur les polices système par défaut.
• Le fond doit bouger (route qui défile, parallaxe, grille) pour que le sujet semble voyager même s'il reste centré.
• Donnez à tous les filtres SVG des identifiants uniques ; plusieurs styles sur un même écran partagent un seul document.
• Les filtres SVG lourds se cassent lorsque la scène est réduite (miniatures). Fournissez un mode mini qui les supprime.

Les 10 recettes

1. Pixel Art - "comme les vieux jeux vidéo"

• Aspect : pixels carrés épais, contour sombre marqué, couleurs vives et plates.
• Comment : dessinez la scène normalement, puis pixellisez tout le groupe avec un filtre SVG : feFlood (2×2 px à décalage 5,5) → feComposite (12×12) → feTile → feComposite in=SourceGraphic operator=in → feMorphology dilate radius=5. Cela donne des cellules de 12 px. Ajoutez d'abord un contour sombre de 8 px au sujet.
• Mouvement : pas de temps à 10 ips (floor(frame/3)), accrochez les positions à la grille de 12 px, faites osciller d'exactement une cellule.
• Suppléments : soleil et nuages en blocs à partir de rectangles, herbe en damier, pièces flottantes.
• Police : Press Start 2P, blanc avec une ombre dure décalée.

2. Clay - "fait à la main"

• Aspect : formes douces et gonflées, lumière venant du coin supérieur gauche, surface mate, ombres de contact.
• Comment : arrondissez chaque forme (contour de 14 px de la même couleur, joints arrondis). Par pièce, appliquez un filtre : feTurbulence basse fréquence + feDisplacementMap (échelle 12, bords ondulés) → feGaussianBlur (7) comme carte de hauteur → feDiffuseLighting multiplié sur la couleur + un peu de feSpecularLighting → bruit fin pour la texture d'empreinte digitale → feDropShadow.
• Mouvement : stop-motion. Ne mettez à jour que toutes les 3 images, faites trembler la position de 1 à 3 px par pas, cyclez la graine de turbulence (3 valeurs) pour que les bords "bouillonnent".
• Palette : pêche pastel, sauge, moutarde. Police : Fredoka Bold.

3. Paper Cutout - "couches de papier"

• Aspect : feuilles plates empilées avec des ombres entre elles, bords découpés, grain.
• Comment : chaque couche reçoit feDisplacementMap (échelle 5) + feDropShadow (dy 9, blur 5, 38 %). Terminez avec un rectangle de bruit plein cadre en mode multiply.
• Mouvement : 3-4 couches de collines défilant à différentes vitesses (parallaxe), nuages suspendus à des fils fins et se balançant, le sujet oscille de 1 à 2 degrés comme une marionnette.
• Palette : papier craft : sarcelle, moutarde, terre cuite, crème. Police : Alfa Slab One.

4. Low Poly - "peu de formes, 3D épuré"

• Aspect : tout est fait de triangles ombrés plats, pas de contours, pas de dégradés.
• Comment : triangulez chaque polygone en éventail à partir d'un centre légèrement perturbé. Ombragez chaque triangle différemment : un terme de direction de lumière plus un petit décalage aléatoire. Contournez chaque triangle avec son propre remplissage pour cacher les raccords. Construisez le ciel comme une grille perturbée de triangles colorés par hauteur ; montagnes = deux triangles chacun (côté éclairé, côté sombre).
• Mouvement : lisse ; les couches de montagnes défilent avec parallaxe, le soleil facetté tourne.
• Police : Oxanium ExtraBold, majuscule.

5. Voxel - "le monde des petits cubes"

• Aspect : le sujet est construit à partir de petits cubes, vu selon un angle isométrique.
• Comment : décrivez le sujet comme une grille 3D de cellules colorées (environ 14×7×9). Projetez avec sx=(x-y)*u*0.866, sy=(x+y)*u*0.5-z*u. Dessinez 3 faces par cube (dessus le plus clair, gauche intermédiaire, droite la plus sombre), sautez les faces cachées par un voisin, triez par x+y+z avant de dessiner.
• Mouvement : le sol est un damier de tuiles en losange qui défile le long de l'axe de la route ; des arbres en cubes défilent ; le sujet fait un petit saut.
• Police : Bungee avec une ombre en bloc dure.

6. Isometric - "vue oblique du dessus"

• Aspect : un pâté de maisons miniature propre sur une dalle flottante, boîtes lisses (pas des cubes), couleurs pastel, ombre douce sous la dalle.
• Comment : même projection que Voxel mais avec de grandes boîtes lisses : bâtiments avec des grilles de fenêtres sur les deux faces visibles, une route, des arbres, un kiosque, un lampadaire. Le sujet fait 8-10 boîtes et roule sur la route.
• Mouvement : les bâtiments s'élèvent du sol avec un dépassement, décalés ; la dalle entière flotte lentement de haut en bas.
• Police : Oxanium, texte foncé sur fond clair.

7. Neon - "ambiance cyberpunk nocturne"

• Aspect : nuit noire, contour lumineux, sol en grille synthwave.
• Comment : sujet = contours uniquement (4-5 px) avec le remplissage réglé sur la couleur du fond pour que les parties se cachent encore mutuellement. Filtre de lueur = fusion d'un flou large (14), d'un flou serré (4) et de la source nette. Sol = lignes rayonnant depuis un point de fuite + lignes horizontales espacées par p*p qui défilent vers la caméra.
• Mouvement : scintillement de type enseigne dans les 8 premières images, traînées lumineuses, étoiles scintillantes, soleil rayé à l'horizon.
• Palette : cyan, magenta, jaune sur un violet quasi noir. Police : Tilt Neon avec des ombres de texte magenta empilées.

8. Blueprint - "schéma d'ingénieur"

• Aspect : feuille bleue, grille fine + grille principale, dessin technique blanc fin.
• Comment : sujet = contours blancs de 3 px, remplissage = couleur de la feuille. Dessinez les lignes avec pathLength=1 + strokeDasharray animé, décalé par pièce. Ajoutez ensuite des lignes de cote avec des pointes de flèche et des valeurs en mm, des lignes d'axe mixte sur les roues, des lignes de repère avec des étiquettes, et un cadre de bordure.
• Mouvement : d'abord le dessin progressif (0,5 s), les cotes s'étendent depuis leur centre, puis seules les roues tournent lentement. Rien ne rebondit.
• Police : Share Tech Mono, majuscule.

9. Retro VHS - "bande des années 90"

• Aspect : vidéo domestique des années 90 : franges de couleur, image douce, lignes de balayage, bruit de bande.
• Comment : un seul filtre sur toute la scène : décalage du canal rouge +9 px, décalage vert+bleu -7 px, fusion screen, flou horizontal (2,6, 0,6), saturation 1,25. Par-dessus : motif de lignes de balayage, bruit par image, une bande de suivi qui descend dans le cadre avec son contenu décalé latéralement, une bande déchirée en bas, un vignettage, et "PLAY" + un compteur en cours sous forme de texte à l'écran.
• Mouvement : tremblement horizontal de 2 px avec un saut plus grand occasionnel.
• Palette : violet couchant, rose, orange. Police : VT323 avec ombres rouges/cyan.

10. Doodle - "croquis au dos du cahier"

• Aspect : stylo bille sur une page de cahier lignée avec une marge rouge.
• Comment : contours uniquement, remplissage = couleur du papier, motifs de hachures pour l'ombrage. Un feTurbulence + feDisplacementMap (échelle 11) sur tous les contours du stylo, et changez la graine toutes les 4 images pour que les lignes "bouillonnent".
• Mouvement : les lignes se dessinent rapidement, le soleil en spirale tourne par pas, les étoiles vacillent, des lignes de vitesse derrière le sujet, un mot manuscrit comme "vroum !".
• Police : Caveat Bold.

Montrer les styles côte à côte

Lorsque la vidéo compare les styles, gardez UN élément identique dans chaque scène (par exemple une boîte de prompt où seul le mot de style change) et utilisez des coupures franches sur le rythme de la voix off. C'est ce qui rend visible le fait que "seul un mot a changé".

Avant de livrer

• Chaque scène réussit le test : "quelqu'un nommerait-il ce style sans le titre ?"
• Le sujet a la même forme et la même taille dans tous les styles.
• Le titre et la légende sont lisibles sur un téléphone, dans la zone de sécurité.
• Les images fixes sont vérifiées pour chaque scène avant le rendu complet.