Skip to content

Instantly share code, notes, and snippets.

@cedrickchee
Last active January 8, 2026 08:10
Show Gist options
  • Select an option

  • Save cedrickchee/c01054a5f49896ebcbffaa1215cdc58d to your computer and use it in GitHub Desktop.

Select an option

Save cedrickchee/c01054a5f49896ebcbffaa1215cdc58d to your computer and use it in GitHub Desktop.
Christmas Tarot Card Ring Prompt

Prompt:

Create a 3D scene of a dynamic, interactive display of Christmas-themed tarot cards arranged in a semi-circular or ring formation.

Here are the specific requirements:

**Visuals & Assets:**
*   **Environment:** A dark, moody background with subtle atmospheric effects (e.g., light fog or floating particles).
*   **Cards:** Use placeholder plane geometries that resemble tarot card dimensions (e.g., 3.5x5 units).
*   **Textures:** Assume I have front and back textures ready (e.g., 'christmas_tree_card.jpg', 'christmas_back_pattern.jpg'). Implement a texture loader.
*   **Lighting:** Implement strong lighting that creates an emissive, reddish-orange glow effect along the edges of the cards. Use point lights or carefully positioned spotlights/ambient lights.

**Functionality & Arrangement:**
*   **Arrangement:** Position 20-30 cards programmatically around a central point in a semi-circular arc or a full ring formation.
*   **Rotation:** Each card should be rotated to face slightly outward toward the camera position, maintaining the fanned-out perspective.
*   **Interactivity:** Implement raycasting or a similar mechanism so that when a user hovers over a single card, it subtly scales up, changes color/glow intensity, or lifts slightly from the arc to indicate selection readiness.
*   **Animation:** Use GSAP or Tween.js to create a smooth, animated transition where the cards fly from a single deck stack position into this final semi-circular arrangement when the scene loads.

Provide the complete, HTML and Three.js JavaScript code necessary to set up the scene, load the assets (with placeholder URLs), arrange the cards with the described glow effect, and add basic hover interactivity.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment