ノート

単一ファイルのAnime AvatarとOC Studio Webアプリを構築する

フリーのプロンプト百科事典 Wikiprompt より

Eyisha Zyer

2026年7月22日

単一ファイルのAnime AvatarとOC Studio Webアプリを構築する canvasベースのカスタマイズ、JRPG風ダイアログボックス、ガチャ式ランダマイザー、PNGエクスポートを備えた、単一ファイルのHTML5アニメキャラクタージェネレーターを構築するコーディングプロンプト。

関連メディア

プロンプト内容保存

🌐
概要:最新のHTML5、Tailwind CSS、CDN経由のLucideアイコン、Google Fonts(Cinzel、Plus Jakarta Sans、Press Start 2P)を使用して、index.htmlに本番対応の単一ファイルのインタラクティブなアニメキャラクタージェネレーターおよびオリジナルキャラクター(OC)スタジオを構築します。 主な仕様: - レイアウトとデザイン:アプリのロゴ、バージョンサブタイトル、ガチャロールのランダム化トリガー、OCカードのエクスポートボタンを備えた固定上部ナビゲーションバー。ダークテーマ(#080a10背景)でスタイルされ、ガラスモーフィズムパネル(glass-panel)、カスタムスクロールバー、ネオングロー効果を備えています。 - インタラクティブコンポーネント:カスタマイズ可能な肌のトーン、目の形、虹彩のグラデーション、口の表情、頬の赤みレベル、デュアルカラーグラデーションのマルチスタイルヘアカット、頭部アクセサリー(猫耳、後光)を備えたHTML5 Canvasレンダリングエンジン。ライブ字幕更新付きのJRPGダイアログボックスカスタマイザー、事前構築されたキャラクタータイプのプリセット(ツンデレ、デレプ、異世界主人公)、環境パーティクルエフェクト(桜の花びら、戦闘スパーク)、およびPNGエクスポート機能付きの5つ星ガチャランダム化機能。

ログインして完全なプロンプトを表示

次で続行:

ログインすると、次に同意したことになります: 利用規約 と プライバシーポリシー

使い方

このプロンプトは coding 向けに設計されています。上の内容をコピーして、お好みの AI ツールに貼り付けてください。

最良の結果を得るには、プレースホルダー(角括弧や大文字で示された部分)を具体的な要件に置き換えてください。

参考資料

カテゴリ:coding| twitter| anime-avatar| character-generator

ノート