Heart Tree

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

Create a simple browser-based 3D click/tap collection game titled "Heart Tree" using Three.js. Use a fixed, centered third-person camera with a perspective view: camera around (0, 3.4, 8.2), looking toward (0, 1.7, 0), with a 42-degree field of view. The scene should have a soft pastel pink background (#ffd8ec) and matching pink fog in the distance. Light it brightly with a pink/white hemisphere light and a strong white directional light from upper front-left, with soft shadows enabled.

In the 3D scene, place a large flat white circular ground disk (radius about 5.5) at ground level, receiving shadows. Add a thin pale-pink torus ring (major radius about 2.4, very small tube thickness) lying flat around the tree as a decorative interaction area. Put a single stylized low-poly cone-shaped tree at the center: a brown tapered trunk rising from the ground and a large faceted dark/teal-green conical canopy above it. The tree should cast a visible soft shadow onto the white ground and rotate very subtly side-to-side over time (small sinusoidal Y rotation, roughly 0.035 radians).

Surround the tree with exactly eight floating 3D pink hearts. Build each heart as a thick extruded, beveled heart-shaped mesh with a vivid hot-pink material, slight magenta emissive glow, moderate roughness, and subtle specular quality. Arrange them in 3D around the tree at these approximate world positions: (-1.55, 2.0, 0.05), (1.2, 2.35, 0.2), (-0.4, 2.95, 0.1), (0.35, 1.35, -0.45), (1.85, 1.35, -0.1), (-1.9, 1.15, -0.2), (0.85, 3.35, -0.2), and (-0.95, 3.55, -0.1). Give them small varying scales around 0.34–0.44 and slightly different initial Y rotations. They should cast shadows. Animate every visible heart with a gentle vertical bob (about 0.12 amplitude, around 1.6 radians/second, with a different phase per heart), a subtle Z-axis sway, and a very slow continuous Y rotation.

The core mechanic is pointer/touch collection: when the player clicks or taps a visible floating heart, raycast from the camera through the pointer position and collect the first intersected uncollected heart. Mark it collected, increment an integer score, and update the HUD. Give immediate feedback by briefly enlarging the clicked heart by about 1.35x and increasing its emissive intensity, then hide it after roughly 120 ms. Clicking empty space does nothing. There are no enemies, player movement controls, timers, lives, or win screen. A Reset button restores all eight hearts to visible/uncollected, restores their original scales and normal emissive intensity, and resets the score to zero.

Overlay a clean fixed HUD on top of the canvas. Center the title at the top with large bold dark plum text reading "Heart Tree" and a subtle white text shadow. In the upper-right, show a rounded white translucent pill reading "Hearts: 0" initially, updating to the collected score as hearts are tapped. At the bottom center, show a rounded translucent white hint pill reading "Tap the floating hearts". Put a pink rounded "Reset" button in the bottom-right, with white bold text and a darker pink offset/pressed shadow; it must remain interactive while the rest of the HUD does not intercept pointer input. Make the layout responsive to window resizing and touch-friendly, preserving the uncluttered pastel composition. Use a low-poly, cheerful, minimal 3D aesthetic matching the pink background, white circular platform, faceted green tree, brown trunk, and glossy bright-pink hearts visible in the reference.