HRuiCcc/RuiC-card-skill

해결하는 문제

웹용 3D 홀로그래픽 '트레이딩 카드' 생성을 자동화합니다. 사용자가 수동으로 에셋을 디자인하고 셰이더를 코딩하는 대신, 단일 텍스트 프롬프트나 참조 이미지에서 깊이감, 홀로그래픽 반짝임, 3D 뷰어를 갖춘 완전한 인터랙티브 카드를 생성할 수 있습니다.

작동 방식

이 프로젝트는 'Codex Skill' 파이프라인으로 작동하며, 여러 단계를 거쳐 프롬프트를 완성된 제품으로 변환합니다:

1. 레이어 생성: 공유 좌표계에서 4개의 서로 다른 이미지 레이어(주제, 배경, 라인 아트, 텍스트)를 생성합니다.
2. 3D 씬 구성: Blender의 휴대용 버전을 사용하여 이 레이어들을 3D 공간에 배치하고, 주제가 앞으로 나오고 배경이 뒤로 물러나는 물리적 깊이감(패럴랙스)을 만듭니다.
3. 재질 적용: 관찰자의 시점에 반응하는 홀로그래픽 셰이더(레이저 레인보우, 금박, 은박, 또는 진주빛)를 적용합니다.
4. 웹 조립: Three.js 뷰어를 단일 파일 HTML 페이지로 패키징하여 사용자가 브라우저에서 카드를 회전, 뒤집기, 깊이와 광택을 조정할 수 있게 합니다.
5. 배포: 시스템은 라이브 웹 링크, 편집 가능한 .blend 파일, 투명 PNG 레이어, 구성 JSON을 출력합니다.

대상 사용자

• 크리에이터 및 게임 개발자: 캐릭터 카드나 인디 게임 에셋의 빠른 프로토타이핑에 적합합니다.
• 반려동물 소유자: 반려동물 사진을 '전설급' 홀로그래픽 카드로 변환하는 데 사용할 수 있습니다.
• 마케터: 제품 출시를 위한 인터랙티브 디지털 수집품이나 프로모션용 '이스터 에그' 제작에 적합합니다.
• 3D 취미족: Blender에서 홀로그래픽 재질과 패럴랙스 효과를 실험하는 데 사용할 수 있습니다.

주요 특징

• 한 문장 생성: 프롬프트부터 인터랙티브 웹 페이지까지 완전 자동화.
• 진정한 3D 패럴랙스: 평면 이미지가 아닌 깊이 분리 레이어를 사용하여 현실적인 3D 효과를 만듭니다.
• 시점 기반 반짝임: 시간 기반 루프가 아닌, 관찰 각도에 따라 홀로그래픽 효과가 변합니다.
• 설치 불필요 Blender: 시스템 환경을 오염시키지 않도록 휴대용 Blender 버전을 자동으로 다운로드하고 검증합니다.
• 단일 파일 웹 뷰어: Three.js와 에셋을 하나의 파일로 패키징하여 광고 차단기를 우회하고 호환성을 보장합니다.
• 자동 검증: 상호작용(뒤집기, 슬라이딩, 크기 조절)을 검증하고 실제 프레임을 비교하는 헤드리스 브라우저 스크립트를 포함합니다.