Build a playable ad with the agent

Last updated: October 30, 2026

Have the agent build a playable ad for your game: it asks what the game should be, what art to use or generate, builds it, and hands you an HTML playable you can play and tweak in the session. Use it to turn a core mechanic into an interactive ad without writing the code yourself.

Before you start

  • Building a playable spends Creative Units, and generated art or sound adds to it. The agent shows each figure before it spends anything: see Creative Units.

  • To use your own art, have it ready in one of the places the agent reads it from: your library, your computer, the session board or a reference set. See Ways to give the agent your art.

Steps

  1. On Home, under Tools, select Create playables. A session opens and the agent puts what it needs to know on one card, with its defaults already picked.

  2. Pick the game and what it is about. Change the preselected option where it is wrong, or select Other and type your own. The card only asks about what your request left open.

  3. Under Art source, choose where the art comes from. To add art from your reference sets, select Add under Reference sets, choose your sets and select Use reference set. That box is there for every option except drawing in code, so you can add sets beside your own files or generated art. Optionally, say which art goes where (the logo on the end card, a character as the guide). The options are described in Ways to give the agent your art.

  4. Under Sound, pick music and effects, effects only, music only or no sound, then submit the card. The agent sums up the build it will make: the genre's rules it picked, the art and the end card.

  5. Check the estimate on the Approve generation card and select Approve. When the agent generates art, it shows you that art for approval first, then hands the build to its playable code generator; the board holds a tile saying what is being built.

  6. Wait for the playable to land on the board. A build takes longer than an image; you can leave the session and come back.

  7. Select the playable to open it, then select the play button to play it in the viewer.

Result

A single HTML file on the session board and in your library. The viewer plays it, and its Actions panel has Download, Copy link and a code to scan to open it on your phone.

Ways to give the agent your art

The agent puts finished art (cut-out sprites, UI pieces, a backdrop, a logo) into the game as it is, resized to fit. Concept art of a character or prop becomes the reference the agent draws the game's sprites from. Whatever your art does not cover, usually the backdrop, the agent asks about separately.

Attach it to your first message

In the agent's composer, select Add to prompt, then Attach files or photos, and add your art before you send the request. The agent treats it as your art for every role it can fill and does not ask about those again; the card only covers what is left. If an image is only there for its look, say so in the message ("use this as a style reference"): the agent matches its look and does not place it in the game.

Put it on the session board

Upload or drop your art onto the board before you ask, or point at it in your message ("use the art on my board"). The card then offers the board as an art source and preselects it when the cards look like your game's art. The board suits large sets: name or group the cards by role (hero, tiles, UI) and the agent uses that to decide what goes where.

Add files on the card

Pick the files option under Art source and add your art from your library or your computer: sprites, UI pieces and a backdrop as separate files, or one sprite sheet, which the agent cuts into sprites. For a larger set, use the board or a reference set instead.

Add reference sets

Under Reference sets on the card, add one or more of your sets, or mention a set in your message with @. The box is there whichever art source you pick, except drawing in code. Sprites in a set that are ready to use go into the game as they are; the rest of the set gives the agent your look, and anything it generates for the missing pieces matches it. A set with a trained style keeps a recurring character on-model across every sprite.

Let the agent generate it

Pick the generate option. The agent first makes a one-page art bible (the key frame, characters, props, interface and palette) for you to approve; every sprite is then drawn from it. The option shows what the art bible costs, and the rest of the art is priced once you approve the look. Add reference sets beside it and the generated art follows their look.

Draw it in code

Pick the code option for clean shapes in a palette and no generated art. It suits abstract games (blocks, bubbles, tiles) and quick tests of a mechanic.

Remix a playable

  • Start from one of Layer's playables. On Home, scroll to Explore and filter to Playable. Right-click a playable and select Remix: a session opens with the playable attached, and the agent reskins it for your game.

  • Start from your own. Attach your HTML playable in the agent's composer with Add to prompt then Attach files or photos, and ask the agent to reskin it, keeping the mechanic and swapping the art and the end card.

Production tips

  • Give the agent finished, cut-out sprites where you have them. They go into the game as delivered, so the playable looks exactly like your game; concept art is redrawn, which costs more and drifts further from the original.

  • Keep a reference set per game with its characters, tiles and UI. Adding it on the card is faster than finding the files each time, and every playable for that game starts from the same art.

  • Use the box for which art goes where on the card: name the hero, the tiles and the end-card logo, and the agent does not have to guess the roles.

  • Ask for changes in the viewer's Ask for a tweak field, or in the chat: the board size, the move count, the colours, the difficulty or the end card.

  • Scan the code in the Actions panel and play it on a phone before you ship. Touch targets and text size read differently on a real screen.

  • When research would help (a competitor's ad, a game the playable should feel like), name it in the brief. The agent asks whether you will attach material or want it researched on the public web.

If something goes wrong

  • Your art isn't in the playable. Check which option you picked under Art source: files you added for another option are not used, and reference sets are not used when you pick drawing in code. An image you called a style reference sets the look but is not placed. Tell the agent in the chat which files to use and for what.

  • The agent posted a status update and nothing has happened since. If no new art or build tile appears for several minutes after a message such as "generating the remaining tiles", reply Continue in the chat and the agent picks the work back up.

  • The build is taking a long time. The code generator can take many minutes to write a playable. The tile on the board stays until it lands, and the build keeps going if you leave the session.

  • A file you attached isn't treated as a playable. Playables are HTML files. Export your playable as a single .html file and attach that.

Related