EverettFish/holo-card-studio

何を解決するか

テキストや画像をシンプルに記述することで、インタラクティブな3Dホログラムカードを自動生成できます。このプロジェクトは、レイヤー付きのアートワークの生成、パララックス効果やホログラム効果を備えた3Dシーンの構築、最終的な結果を表示するレスポンシブなウェブビューアのデプロイという複雑なプロセスを自動化します。

動作方法

このシステムは「Codex Skill」として動作し、複数ステップのパイプラインを実行します：

1. レイヤー生成：深みを感じさせるために、4つの異なる画像レイヤー（被写体、背景、線画、テキスト）を生成します。
2. 3Dシーン構築：Blenderを使用してパララックス、レーザー・レインボー効果、星の光テクスチャを設定します。パイプラインはBlenderのポータブルバージョンを自動管理し、一貫性を確保します。
3. ウェブデプロイ：Three.jsを使用してブラウザ上で3Dコンポジションを再構成し、ユーザーがカードを回転・裏返し、スライダーでホログラムのきらめきを調整できます。
4. 設定：card-config.jsonファイルでレアリティ、番号、属性などのメタデータを管理します。

対象ユーザー

• コンテンツクリエイター：ペットやキャラクター、人物の「伝説的」カードをSNS用に作成。
• ゲーム開発者：インディーゲーム用のキャラクターカードを一括生成。
• 人事・コミュニティマネージャー：チームメンバー向けのユニークなデジタル入社祝いカードや記念カードを作成。
• デザイナー：Blenderでホログラム素材やシェーダーを実験的に試す。

特徴

• 自動化パイプライン：画像生成からライブThree.jsウェブリンクまでをすべて自動処理。
• Blender統合：中国語名のノードグループを含む完全に編集可能な .blend ファイルを提供し、素材の調整が容易。
• レスポンシブビューア：最終出力はモバイル対応のウェブページで、ユーザーがカードとインタラクション可能。
• カスタマイズ可能なパラメータ：パララックス強度、レーザーストライプ密度、線画の輝きを微調整可能。