Bangboo Factory（邦布工厂）

Web
Bangboo Factory（邦布工厂）

Bangboo Factory（邦布工厂）

Google の Gemini 3 Pro を活用して、写真を《絶区零》（Zenless Zone Zero）風のオリジナルキャラクター「邦布（Bangboo）」に変換するクリエイティブな Web アプリのリポジトリ。ユーザーは写真をアップロードし、表情やレンダリングスタイル（3D セルシェーディング / フラット 2D）を選ぶだけで、AI が特徴を保ちながらゲーム風の高品質なキャラクターイメージを生成します。インタラクティブな UI、CRT オーバーレイ、スムーズなアニメーションを備え、TypeScript（React 想定）で構築されたフロントエンド中心のプロジェクトです。（約300字）

https://github.com/Rayinf/bamboo

概要

Bangboo Factory（邦布工厂）は、Google Gemini 3 Pro の画像生成機能を利用して、ユーザーがアップロードした写真を《絶区零》のアートスタイルにインスパイアされた「邦布」キャラクターへと変換する Web アプリです。操作はシンプルで、写真をアップロードし、表情（デフォルト、楽しい、怒り、悲しい等）とレンダリングスタイル（3D セルシェーディング／フラット 2D）を選択するだけで、AI が元写真の特徴を残しつつゲーム的なルックに再構成します。フロントエンドは TypeScript ベースで設計され、ゲーム風の UI エフェクト（CRT オーバーレイ、滑らかなアニメーション）を提供。Gemini ベースの推論で高品質な画像生成を行うことが主眼です。（約300字）

GitHub

リポジトリの統計情報

  • スター数: 3
  • フォーク数: 1
  • ウォッチャー数: 3
  • コミット数: 5
  • ファイル数: 18
  • メインの言語: TypeScript

主な特徴

  • 写真から《絶区零》風の「邦布」キャラクターを生成する画像変換機能
  • 3D セルシェーディングとフラット 2D のレンダリングスタイルを選択可能
  • 表情（ムード）を選んでキャラクターに個性を付与
  • ゲーム風インタラクティブ UI（CRT オーバーレイ、アニメーション）を備えたフロントエンド

技術的なポイント

Bangboo Factory はクライアント側フロントエンド（TypeScript / React 想定）を中心に設計され、Google の Gemini 3 Pro（gemini-3-pro-image-preview 等）を使った画像生成パイプラインが核になっています。典型的な処理の流れは、ユーザーが写真をアップロード → フロントエンドでユーザー選択（スタイル、ムード）を受け取りプロンプトを組み立て → Gemini に画像と指示を渡して変換画像を生成 → レスポンス画像を受け取って UI に表示、という形です。プロンプト設計では「元写真の特徴（顔立ち、髪色、表情）を保持しつつ、指定スタイルで再描画する」ような指示文が重要で、スタイルごとに別々のテンプレート（3D セルやフラット2D 用）を用意することで安定した出力を狙います。

フロントエンド側は App.tsx をエントリとしてコンポーネント群で UI を構成し、画像プレビュー、アップロード、スタイル選択、生成ボタン、生成結果のダウンロードなどを提供します。CRT オーバーレイやゲーム的アニメーションは CSS と小さなキャンバス処理で実現可能で、生成中のローディングやプレビュー更新もスムーズに行える設計が見込まれます。セキュリティ面では API キーの管理が重要で、直接ブラウザから Gemini を叩く場合はプロキシやサーバーサイドの中継を使って秘匿するのが一般的です。

また、著作権や肖像権に関する配慮（実在人物の画像利用や二次創作的スタイルの扱い）、そして生成結果の品質評価（複数の生成パラメータやポストプロセスの導入）が実用化に向けた留意点です。リポジトリにはサンプルアセット（bangboo-factory.zip）や各種コンポーネントが含まれており、プロトタイプとして素早く動かせる構成になっています。（約700字）

プロジェクトの構成

主要なファイルとディレクトリ：

  • .gitignore: file
  • App.tsx: file
  • README.md: file
  • bangboo-factory.zip: file
  • components: dir

…他 13 ファイル

まとめ

Gemini を用いた写真→ゲーム風キャラ変換のプロトタイプが手早く試せる、UI 重視の TypeScript フロントエンド実装です。（約50字）

リポジトリ情報：

READMEの抜粋：

Bangboo Factory (邦布工厂)

Bangboo Factory 是一个创意 Web 应用程序，利用 Google Gemini 3 Pro AI 的强大功能，将您的照片转化为定制的“邦布”角色，灵感来源于《绝区零》(Zenless Zone Zero) 的艺术风格。

只需上传任意照片，自定义心情和渲染风格，AI 就会将其重构为来自空洞的收藏级角色！

✨ 功能特性

  • 图像转邦布：将上传的照片转换为邦布风格的角色，同时保留关键特征。
  • 自定义风格：
    • 3D 赛璐珞风格 (3D Cel-Shaded)：匹配《绝区零》的真实视觉风格，具有清晰的轮廓和鲜艳的色彩。
    • 扁平 2D 风格 (Flat 2D)：干净的矢量艺术风格插图。
  • 心情选择：从各种表情（默认、开心、生气、悲伤等）中进行选择，赋予您的邦布独特的个性。
  • 交互式 UI：现代化的游戏风格界面，带有 CRT 叠加效果和流畅的动画。
  • Gemini 驱动：利用先进的 gemini-3-pro-image-preview…