Eine Single-File-Webapp bauen: Anime Avatar und OC Studio
Von Wikiprompt, der freien Prompt-Enzyklopädie
Eine Single-File-Webapp bauen: Anime Avatar und OC Studio Ein Coding-Prompt, der einen Single-File-HTML5-Anime-Charaktergenerator mit canvasbasierter Anpassung, einer JRPG-Dialogbox, einem Gacha-Zufallsgenerator und PNG-Export erstellt.
Zugehörige Medien
Prompt-InhaltSpeichern
🌐
Überblick: Erstellen Sie einen produktionsreifen, interaktiven Anime-Charaktergenerator und ein Studio für Originalcharaktere (OC) in einer einzigen Datei index.html mit modernem HTML5, Tailwind CSS, Lucide-Icons über CDN und Google Fonts (Cinzel, Plus Jakarta Sans und Press Start 2P).
Wichtige Spezifikationen:
- Layout und Design: Feste obere Navigationsleiste mit App-Logo, Versionsuntertitel, Gacha-Roll-Randomisierungsauslöser und OC-Karten-Export-Schaltfläche. Gestaltet im dunklen Thema (Hintergrund #080a10) mit Glasplatten-Panels (glass-panel), benutzerdefinierten Scrollbalken und Neon-Glüheffekten.
- Interaktive Komponenten: HTML5-Canvas-Rendering-Engine mit anpassbaren Hauttönen, Augenformen, Iris-Verläufen, Mundausdrücken, Rouge-Stufen, Multistil-Frisuren mit Zweifarbverläufen und Kopfaccessoires (Neko-Ohren, Heiligenscheine). JRPG-Dialogfeld-Anpasser mit Live-Untertitel-Updates, vorgefertigten Charakter-Trope-Voreinstellungen (Tsundere, Derp, Isekai MC), Umgebungspartikeleffekten (Sakura-Blütenblätter, Kampffunken) und einem 5-Sterne-Gacha-Randomisierer mit PNG-Exportfunktion.
Melde dich an, um den vollständigen Prompt zu sehen
Weiter mit:
Mit der Anmeldung akzeptierst du unsere Nutzungsbedingungen und Datenschutz
Verwendung
Dieser Prompt ist für die Verwendung mit coding gedacht. Kopiere den Inhalt oben und füge ihn in dein bevorzugtes KI-Tool ein.
Für beste Ergebnisse passe die Platzhalter (eckige Klammern oder Großbuchstaben) an deine Anforderungen an.
Referenzen
- Kategorie: coding-Prompts
- Quelle: https://x.com/eyishazyer/status/2079886339722682743
Diskussion
0 Kommentare