New · 2D Game Design

Create 2D browser games with AI. Play and publish.

Describe the game you have in mind and Fanann builds a real one: a menu, levels, a score, win and lose, sound, keyboard and touch controls. Minutes later you are playing it in your browser.

Start your game free How it works

Runs in the browserKeyboard and touchSliders need no AI

Meadow HopCollect the coins, clear the hazards, reach the flag.

Live tuningMove a slider while you play: the change is instant, with no AI and no rebuild.

Gravity1800Lower floats, higher drops fast.Speed150How fast the hero moves left and right.Jump520How high a full press jumps.

← → or A D: Move
Space or ↑ W: Jump (hold for a higher jump)
P · R · Enter: Pause · Restart · Start
Touch: On-screen buttons appear while you play

A small game written by hand for this page so you can feel the idea: play, then move a slider while it runs. It was not made by the studio, and it downloads no game engine.

A real game, not a mock-up

What the first version already has

A game you can play from start to finish, not one moving screen. These six parts are in every game the studio builds.

A menu and screens

A start screen with your game’s name, a pause, a win screen and a game-over screen.

Levels

A complete first level, and more whenever you ask for them. Each level is its own editable piece.

Score, lives and a timer

An on-screen display that tracks what you have collected and what you have left, as the genre calls for.

Win, lose and restart

The game has an ending you can earn and one you can fail, and “Play again” puts you straight back in.

Sound

Effects for jumping, collecting, winning and losing, plus a light music loop and a mute button that remembers your choice.

Keyboard and touch

Played with the arrow keys on a computer, and with buttons that appear on screen on a phone.

1Describe

Start with two sentences, not an empty editor

Write what you imagine in your own words, in English or Arabic: the kind of game, who the hero is, what they collect or avoid. Fanann picks the closest foundation, builds on it, and shows you what it built, part by part.

It starts from a proven foundation for each genre, not a blank page
It tells you what it assumed when your description is short
The result is a game running in the preview, not a picture of one

2Tune

Sliders change the game while it runs

Every game comes with its changeable values: speeds, gravity, number of lives, colours. Move a slider and the feel changes at once, exactly as in the game at the top of this page. No waiting, and no credits spent.

Clear groups: Player, Enemies, World, Rules, Look, Audio
Undo, redo and a “reset” button
The change is saved into the game and published with it

3Ask

Bigger changes are a sentence away

What a slider cannot do, you ask for in the chat: a second level, a new enemy, a double jump, a shop screen between levels. The AI understands game language, and a version is kept before each change so you can go back if you do not like it.

“Make the enemies faster”, “add a second level”, “make it easier”
Ready suggestions that fit your kind of game
Saved versions you can return to

4Publish

One link that anyone can play from

When you like the game, you publish it to a link that opens in a computer or phone browser with nothing to install. With it come an embed code for your own site and a card image, captured from the game itself, that shows when the link is shared.

A link to share and a code to embed
A card image taken from the running game
Publish again after any change and the link stays the same

Genres

Eight genres to start from

Each genre has a template built to be played: its mechanics work and its values are tunable. Pick the closest to your idea, then change everything about it.

PlatformerRun and jump Endless runnerOne button Top-down racingDriving and traffic Match-threePuzzle Arcade shooterFast action MazeThink and move Kids’ quizEducational Tower defenceLight strategy

All 2D game templates

The steps

How to make a 2D game with AI in Fanann

Five steps from an idea to a link your friends can play from. The first and the last take minutes; the ones in between take as long as you want to polish.

1
Describe your game
Open 2D Game Design and write your idea in two sentences, or choose one of the eight templates and say what you want changed.
2
Play the first version
The game appears in the preview and you play it straight away with the keyboard, or switch to a phone size to try the touch buttons.
3
Tune the feel with sliders
Open the tuning panel and move speed, gravity and lives while the game runs, until it plays the way you like.
4
Ask for what is bigger
Type into the chat what no slider can do: a new level, a different enemy, another way to win. Then try the result.
5
Publish and share
Press “Publish” and you get a link and an embed code. Send the link, and whoever opens it is playing.

Examples

A slider or a request? How the work divides

The rule is simple: if the change is a number, a colour or a switch, it is a slider. If it is something new in the game, it is a request.

A slider, no AIThe jump feels too heavy
Lower the gravity or raise the jump strength, and try the very next jump.
A slider, no AIIt is too hard for my child
Add lives and slow the enemies down. Two changes in the tuning panel, with no rebuild.
Ask the AI“Add a second level inside a cave.”
A new level with its own backdrop, coins and enemies, and a transition into it at the first level’s flag.
Ask the AI“Give the hero a double jump.”
A new ability for the hero. Ask for it to be a setting and you can switch it on and off from the tuning panel.

Plainly

What it does not do, and what it needs from you

No multiplayerGames are for one player on their own device. Online multiplayer is not available.

Browser, not app storeThe game runs in phone and computer browsers. We do not produce an app for the app stores.

Original art, or yoursArt is drawn in code, generated, or uploaded by you. We do not use recognisable game or film characters, and what you upload is your responsibility.

Your plan sets the amountsHow many games you keep and publish depends on your plan, and AI changes use credits. The pricing page has the details.

FAQ

Questions people ask

Do I need to know how to code or how games are made?

No. You describe the game in your own words and tune it with sliders. If you do know how to code, the game’s files are there in the project for you to read and ask changes to.

How long until the first game appears?

Usually minutes for a first playable version, depending on what you asked for. After that, slider changes are instant and each AI request takes as long as its size demands.

Was the game at the top of this page made by the studio?

No. It is a small sample we wrote for this page so that it starts quickly on any device and shows the central idea: a game you play, and sliders that change it while it runs. Studio games are richer: menus, levels, sound and a wider tuning panel.

Do the games work on phones?

Yes, in the phone’s browser. On-screen control buttons appear on touch devices, and you can try phone sizes inside the studio before you publish.

Where do the art and the sounds come from?

Shapes and motion are drawn in code, sound effects are synthesised inside the game, and images can be generated or uploaded. If you upload art or audio, make sure you have the right to use it.

Can I make a 3D game the same way?

There is a separate studio for 3D with a different, world-building editor. If you are not sure which suits your idea, the “2D vs 3D” guide helps you choose.

Is publishing free?

Designing and previewing a 2D game is available on the free plan as things are set today, and publishing to a link is part of the paid plans. The pricing page shows what currently applies.

2D Game Design

More about 2D Game Design

Create browser games with AI

The whole path in four steps: describe, customise, play, publish. With an endless runner you can try on the page itself.

See the details

AI platformer game maker

A platformer you can play right now: moving platforms, enemies, checkpoints and a double jump, then how to build and edit one like it.

See the details

2D game templates

Eight starting points: platformer, endless runner, top-down racing, match-three, arcade shooter, maze, kids’ quiz and tower defence.

See the details

Still deciding between 2D and 3D?

3D Game Design

Describe a world or a game and get a lightweight, stylised 3D experience that runs in the browser on the player’s device, with a visual world editor and edits in plain words.

Open the studio page