EverettFish/holo-card-studio
Turn the user's description or uploaded reference into a finished, editable Blender card and an interactive Three.js page. Preserve the requested subject, style, typography and destination. This skill contains code and text only; generated artwork belongs in the user's output project.
What it solves
It enables users to create interactive 3D holographic trading cards from simple text descriptions or images. The project automates the complex process of generating layered artwork, setting up 3D scenes with parallax and holographic effects, and deploying a responsive web viewer for the final result.
How it works
The system operates as a "Codex Skill" that follows a multi-step pipeline:
- Layered Generation: It creates four distinct image layers (subject, background, line art, and text) to create a sense of depth.
- 3D Scene Construction: It uses Blender to set up parallax, laser-rainbow effects, and starlight textures. The pipeline automatically manages a portable version of Blender to ensure consistency.
- Web Deployment: It uses Three.js to reconstruct the 3D composition in a browser, allowing users to rotate, flip, and adjust the holographic shimmer via sliders.
- Configuration: A
card-config.jsonfile manages metadata like rarity, numbering, and attributes.
Who it’s for
- Content Creators: For making "legendary" cards of pets, characters, or people for social media.
- Game Developers: For batch-producing character cards for indie games.
- HR/Community Managers: For creating unique digital onboarding or anniversary cards for team members.
- Designers: For experimenting with holographic materials and shaders in Blender.
Highlights
- Automated Pipeline: Handles everything from image generation to a live Three.js web link.
- Blender Integration: Provides a fully editable
.blendfile with Chinese-named node groups for easy material adjustment. - Responsive Viewer: The final output is a mobile-friendly web page where users can interact with the card.
- Customizable Parameters: Users can fine-tune parallax intensity, laser stripe density, and line art glow.
Related
- Project
- Project
- Project
- Project