Discussion

Créer une application web en un seul fichier : Anime Avatar et OC Studio

De Wikiprompt, l’encyclopédie libre de prompts

Eyisha Zyer
Contribué parEyisha ZyerXSource

22 juil. 2026

Créer une application web en un seul fichier : Anime Avatar et OC Studio Un prompt de codage qui construit un générateur de personnages anime en HTML5 en un seul fichier, avec personnalisation basée sur canvas, une boîte de dialogue façon JRPG, un randomiseur gacha et export PNG.

Médias associés

Contenu du PromptEnregistrer

🌐
Aperçu: Construisez un générateur de personnages anime interactif et un studio de personnages originaux (OC) prêt pour la production dans un seul fichier index.html utilisant HTML5 moderne, Tailwind CSS, icônes Lucide via CDN et Google Fonts (Cinzel, Plus Jakarta Sans et Press Start 2P). Spécifications clés: - Mise en page et design: Barre de navigation supérieure fixe avec logo de l'application, sous-titre de version, déclencheur de randomisation Gacha Roll et bouton d'exportation de carte OC. Stylisé en thème sombre (fond #080a10) avec panneaux en verre dépoli (glass-panel), barres de défilement personnalisées et effets de lueur néon. - Composants interactifs: Moteur de rendu canvas HTML5 avec tons de peau personnalisables, formes d'yeux, dégradés d'iris, expressions de bouche, niveaux de blush, coupes de cheveux multi-styles avec dégradés bicolores et accessoires de tête (oreilles de neko, halos). Personnalisateur de boîte de dialogue style JRPG avec mises à jour de sous-titres en direct, préréglages d'archétypes de personnages (Tsundere, Derp, Isekai MC), effets de particules ambiantes (pétales de sakura, étincelles de bataille) et un randomiseur Gacha 5 étoiles avec fonctionnalité d'exportation PNG.

Connectez-vous pour voir le prompt complet

Continuer avec:

En vous connectant, vous acceptez nos Conditions et Confidentialité

Utilisation

Ce prompt est conçu pour être utilisé avec coding. Copiez le contenu ci-dessus et collez-le dans votre outil d’IA préféré.

Pour de meilleurs résultats, personnalisez les espaces réservés (indiqués par des crochets ou des majuscules) selon vos besoins.

Références

Catégories :coding| twitter| anime-avatar| character-generator

Discussion