Skip to main content
NEW · APP STORE Now on iOS · macOS · iPad Android & Windows soon GET IT
Prompts 3D Historical Event Bubble Link Puzzle

developer coding user risk: low

3D Historical Event Bubble Link Puzzle

Describes an educational game concept for linking historical events as bubbles in 3D space using force-directed layout and energy threads. Instructs to create a link-based puzzle w…

PROMPT 

Game Concept: An educational game where students link historical events (Chronos) using "Energy Threads." It uses a force-directed layout to keep event bubbles floating naturally in a 3D space.
Technical Prompt:
Create a link-based puzzle. Use a force-simulation logic to prevent bubble overlapping. When two correct bubbles are clicked, draw a CatmullRomCurve3 between them with a glowing neon texture.

ROLES & RULES

  1. Create a link-based puzzle.
  2. Use a force-simulation logic to prevent bubble overlapping.
  3. When two correct bubbles are clicked, draw a CatmullRomCurve3 between them with a glowing neon texture.

EXPECTED OUTPUT

Format
code

SUCCESS CRITERIA

  • Implement link-based puzzle mechanics
  • Apply force-simulation to avoid bubble overlapping
  • Draw glowing neon CatmullRomCurve3 between correctly linked bubbles

FAILURE MODES

  • May overlook integration with educational historical events
  • Could neglect full 3D space implementation
  • Lacks details on determining correct bubble pairs

CAVEATS

Missing context
  • Programming language/framework (e.g., JavaScript with Three.js)
  • Sample data for historical events (Chronos) and valid links
  • User interaction details (e.g., click sequence, visual feedback, puzzle completion)
  • Output format or deliverable (e.g., full code, demo link, wireframe)
Ambiguities
  • Does not specify the technology stack or library (e.g., Three.js implied by CatmullRomCurve3).
  • Unclear what constitutes 'correct bubbles' or how correctness is determined.
  • No details on force-simulation parameters or exact logic to prevent overlapping.
  • Vague on full 3D space setup, camera, lighting, or rendering.

QUALITY

OVERALL
0.60
CLARITY
0.75
SPECIFICITY
0.60
REUSABILITY
0.40
COMPLETENESS
0.50

IMPROVEMENT SUGGESTIONS

  • Specify the technology stack: 'Implement using Three.js for 3D rendering.'
  • Define correctness: 'Provide a graph data structure with nodes (events) and edges (valid links). Correct if clicked pair matches an edge.'
  • Add template placeholders: 'Use {events: [...], links: [...]} as input data.'
  • Elaborate interaction: 'On first click select bubble A, second click B; if correct, animate curve; reset on wrong.'
  • Include success criteria: 'Puzzle complete when all valid links are drawn; show celebration animation.'

USAGE

Copy the prompt above and paste it into your AI of choice — Claude, ChatGPT, Gemini, or anywhere else you're working. Replace any placeholder sections with your own context, then ask for the output.

MORE FOR DEVELOPER