# Fireflies in a luminous field

> A black, full-viewport firefly field sits behind a narrow white-text introduction. Dim insect silhouettes contrast with softly glowing specimens, while an illustrated click-and-drag cue invites interaction beside the narrative.

- Kind: Game
- Live game: https://ncase.me/fireflies/
- Page: https://meetreference.com/v/ref-fireflies-1ae6/
- Ready-to-use agent handoff: https://meetreference.com/v/ref-fireflies-1ae6/agent.txt
- Authorship: Not stated
- Made with: Not stated
- Model: not stated
- Built with: not stated
- Style: Simulations; dark, minimal, editorial, glowing, particle field, illustrated, educational
- Preview: a flip-through of inspected screenshots; open the live work to experience its motion and interactions.
- Shared by Nicky Case in Website: https://ncase.me/fireflies/
- Prompt fidelity: Unavailable in this entry. The recreation brief is written by Reference.

## Before you start

Guidance from Reference, separate from the creator's instructions.

1. Read the reference and inspect the project, installed libraries, and available agent skills before writing code. Reuse suitable tools already present.
2. Prefer the creator-reported libraries and skills when they fit the task. Explain what useful additions help with, and install missing project dependencies or relevant skills from official sources when the environment and the user's existing permissions allow it. Respect the project's package manager and setup rules; do not ask again for routine setup already authorized.
3. Distinguish tools used by the creator from your own recommendations. A listed tool is not automatically required, and an empty tools or requirements list means the setup is unknown, not that nothing is needed.
4. Ask concise questions when missing inputs or choices materially affect the result: paid services, credentials, the user's assets, or a different production approach. Use existing answers and permissions; continue independent work while waiting.
5. If a useful library, skill, or service cannot be installed or used, explain an available alternative and its expected effect on quality, features, or effort. Get the user's choice before a material compromise; otherwise state the fallback and continue. Never silently simplify the result or claim to have used a tool you did not use.

## Recreating this game

This is a visual reference. No original creator prompt is available. The following brief was written by Reference after inspecting the work.

Place a narrow editorial column over a full-viewport field of small illustrated entities, keeping most entities dark and reserving soft halos for highlighted states. Explain the gesture with a bordered miniature diagram, a curved directional sweep, and an oversized pointer illustration rather than text alone. For a new subject, replace the insects, glow language, and narrative with entities and visual states that communicate that subject's behavior.

1. Open the live work or source and inspect the frame images below.
2. Adapt its layout, hierarchy, palette, and interaction patterns to the user's own content and brand.
3. Compare the result against the reference. Use your own assets and credit the original creator.

## What it looks like

Written by Reference from the captured walkthrough frames, not by the creator.

A dark, atmospheric page about fireflies, with scattered soft glowing specks against a nearly black background.

- Color: Mostly black and charcoal, with muted white and gray text and small yellow-green lights; a bright red play button adds a strong accent.
- Type: Large white serif heading, smaller serif body copy, and uppercase serif text in the call-to-action.
- Framing: A narrow text-and-content column sits on the left, while the rest of the page is a broad dark field dotted with lights. The same page is repeated across the frames.
- Structure: Heading and short descriptive paragraphs at upper left, followed by a click-and-drag prompt with an image, more copy, and a small video or synchronization control near the bottom.

Storyboard, nine frames spread across the captured walkthrough: https://meetreference.com/media/ref-fireflies-1ae6/storyboard.webp

- Frame 1 at 1.0s: https://meetreference.com/media/ref-fireflies-1ae6/f1.webp
- Frame 2 at 2.9s: https://meetreference.com/media/ref-fireflies-1ae6/f2.webp
- Frame 3 at 4.9s: https://meetreference.com/media/ref-fireflies-1ae6/f3.webp
- Frame 4 at 6.8s: https://meetreference.com/media/ref-fireflies-1ae6/f4.webp
- Frame 5 at 8.7s: https://meetreference.com/media/ref-fireflies-1ae6/f5.webp
- Frame 6 at 10.7s: https://meetreference.com/media/ref-fireflies-1ae6/f6.webp
- Frame 7 at 12.6s: https://meetreference.com/media/ref-fireflies-1ae6/f7.webp
- Frame 8 at 14.6s: https://meetreference.com/media/ref-fireflies-1ae6/f8.webp
- Frame 9 at 16.5s: https://meetreference.com/media/ref-fireflies-1ae6/f9.webp

## Links

- Play game: https://ncase.me/fireflies/
- Original post: https://ncase.me/fireflies/
- Source and design credit: https://ncase.me/fireflies/