EverettFish/holo-card-studio

何を解決するか

テキストや画像をシンプルに記述することで、プロフェッショナルな品質の3Dホログラムおよびレンチキュラー・トレーディングカードを自動生成できます。複雑なレイヤードアートの生成、Blenderでの3Dシーンの構築、インタラクティブなウェブビューアのデプロイといったプロセスを自動化し、手動での3Dモデリングやグラフィックデザインの知識が不要になります。

動作方法

このプロジェクトは「Codex Skill」として、複数ステップのパイプラインを調整します：

1. レイヤー生成：奥行き効果を実現するため、4つの異なる画像レイヤー（被写体、背景、ラインアート、テキスト）を生成します。
2. 3Dシーン構築：Blenderを使用してパララックス効果、レーザーラインの虹色エフェクト、星の光テクスチャを設定します。Blenderがインストールされていない場合、自動的にポータブル版をダウンロード・設定します。
3. ウェブデプロイ：Three.jsを使用してブラウザ上でホログラム効果を再現し、ユーザーはレスポンシブなウェブページからカードを回転・裏返し、奥行きやきらめきを調整できます。
4. レンチキュラーモード：別モードとして、視点によって切り替わる2つの完全な画像（AとB）を使用した「フリップカード」をサポートします。

対象ユーザー

• 一般ユーザー：ペットや友人、特別な記念日に向けたパーソナライズされたホログラムカードを作成したい人。
• ゲーム開発者：ゲーム用のキャラクターカードが必要なインディー開発者。
• デザイナー：Blenderでホログラム素材やシェーダーを実験したいアーティスト。
• 企業チーム：独自のデジタルオンボーディングや記念カードを作成したい組織。

特徴

• 自動化パイプライン：画像生成からライブウェブリンクまでをすべて自動処理。
• クロスオーバーツール：プロフェッショナルな調整が可能な完全編集可能な .blend ファイルを提供。
• インタラクティブビューア：マウスおよびタッチ操作に対応するレスポンシブな Three.js ビューア。
• 柔軟なモード：ホログラム（多層パララックス）とレンチキュラー（2画像切り替え）の両方をサポート。
• カスタマイズ可能なパラメータ：パララックス強度、レーザーストライプ密度、発光効果などの設定を調整可能。