Built for the Cloudinary BlogNext.js 16Five model families

One generated asset becomes an entire game

Pixel Pursuit proves that Cloudinary Image Generation is more than a prompt-to-pixel endpoint. The app stores each result, transforms it into progressive clues, supports reference-image remixes, reads the asset back, and verifies optimized delivery.

Play the game View source

The verifiable Cloudinary pipeline

Every stage is visible in the interface and backed by a real Cloudinary operation.

1. Generate

A server route sends a hidden prompt to Cloudinary's text-to-image endpoint and stores the result as a managed asset.

POST /api/generate

2. Transform

The same public ID becomes blur, pixelation, automatic-gravity crop, and full-reveal clues through delivery URLs.

CldImage delivery props

3. Guess

Answers stay inside an encrypted, authenticated round token and are checked only by a server route.

POST /api/guess

4. Verify

The Admin API reads the persisted asset by immutable asset ID while a HEAD request checks transformed delivery.

POST /api/proof

All current model families

Choose a family and tier directly, or let Model Mix rotate through the catalog.

Flux

Photorealistic scenes

flux-2-klein-9b

flux-2-pro

Seed support

Recraft

Vector art & illustration

recraft-v3

recraft-v4

No seed

GPT Image

Campaign-ready creative

gpt-image-1-mini

gpt-image-2

No seed

Nano Banana

General-purpose generation

nano-banana-1

nano-banana-2

Seed support

Ideogram

Text, realism & art

ideogram-v4-turbo

ideogram-v4-base

Seed support

Delivery transformations

Each clue changes the delivered derivative, not the stored original.

Deep blure_blur:1600

Pixel peeke_pixelate:42

Smart cropc_thumb,g_auto,z_1.35

Full revealc_fit

Delivery proofc_fill,g_auto/f_auto/q_auto

Three explicit trust zones

Sensitive operations stay on the server while the browser receives only what it needs to render the game.

Browser

Model choices, public IDs, delivery transformations, guesses, and the signed demo allowance.

Next.js server

API key, API secret, prompt selection, answer validation, generation calls, and authenticated readback.

Cloudinary

Managed originals, asset folders, tags, context metadata, generated remixes, transformations, and delivery.

Multi-CDN without URL rewrites

Cloudinary delivers assets through its media delivery network. Enterprise accounts can add dynamic switching or smart selection through Cloudinary's multi-CDN solutions while keeping the application's asset URLs stable. The proof tab reports the edge headers observed for the current request; it does not claim that Enterprise multi-CDN routing is enabled on every account.

Run the full game with your Cloudinary account

The hosted version limits each browser to two generation calls. A local clone uses your own add-on allowance.

1. Enable generation

Open add-on

2. Configure the server

Add the cloud name, API key, and API secret to .env.local. Never expose the secret through a public environment variable.

Open API Keys

3. Organize assets

Optionally create a signed preset named pixel-pursuit-generations with the image-guessing-game asset folder and pixel-pursuit tag.

Managed assets