ドット絵アニメジェネレータ

キーワードからAIがドット絵とアニメーションを生成するクリエイティブツールです。

🚀 概要

2026/02/01：自動生成できるアプリを作りました！ キーワードを入れるだけで、AI（gemini-3.1-flash-lite-preview）が約10～15秒でオリジナルのドット絵を生成するWebアプリです。生成されたHTMLタグを貼れば、あなたのブログでも「クリックで動くドット絵」がすぐに設置できます。インストール不要・無料で遊べるので、ぜひ自分だけのキャラを召喚してみてください！

👉 ドット絵アニメジェネレータを使ってみる

✨ 主な機能

• AIドット絵生成:
  • 使用モデル: gemini-3.1-flash-lite-preview
  • 「UFO」「飛行機」「車」などのキーワードから16x16のドット絵をAIがデザイン。
  • 生成完了まで約10～15秒。世界に一つだけのドット絵が出来上がります。
• アニメーション出力: 生成されたドット絵に合わせた動きをJavaScriptで制御。
• 多彩な出力フォーマット:
  • SVGダウンロード: 生成されたドット絵をベクター画像として保存可能。
  • HTMLタグをコピー: ブログやHPに貼り付け可能な、画像データとリンクのセット。
  • スクリプトをコピー: Chromeコンソール等で即実行可能なアニメーションコード。

🛠 使い方

1. モチーフ（例：UFO）を入力します。
2. 生成ボタンを押し、AIがドット絵を構築するのを待ちます（約10～15秒）。
3. 画面下部でアニメーションがプレビューされます。
4. 用途に合わせて「SVGダウンロード」や「HTMLタグ」を利用してください。

📝 開発者向け情報：AI-Driven Development

このプロジェクトは、Firebase Studio を活用し、人間とAI（Gemini）の対話のみで設計・実装・デバッグ・デプロイまでを完結させた「AI駆動開発」の実験的なプロジェクトでもあります。

• 開発環境: Firebase Studio（旧 Project IDX）
• 対話ログ: AIとの全開発履歴はこちら
  • 環境構築からバグ修正、UIの微調整に至るまで、すべての工程をAIとの会話のみで進めています。

Firebase Studioの詳細については、公式ドキュメントを参照してください。