From idea to link

Make a browser game with AI, from first idea to a link you can share

Four stops and no fifth: you describe the game, customise it, play it, publish it. This page walks through each stop, what you do and what Fanann does, with a running game you can try right now.

Start your game free The four steps

Nothing to installLink and embed codeWorks on phones

Night RunnerRun as far as you can. One button is all it takes.

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

Gravity1800Lower floats, higher drops fast.Speed150Running speed; it also grows with distance.Jump520How high a full press jumps.

Space or ↑ W: Jump (hold for a higher jump)
P · R · Enter: Pause · Restart · Start
Touch: Tap the screen or the jump button

An endless runner written for this page: the course is generated ahead of you and one button is enough. It is a sample running directly in your browser, not a game produced by the studio.

The path

How to create a browser game with AI in four steps

Every step ends with something you can see and try, not a promise. If you do not like what a step produced, go back to it before moving on.

1
Describe: say what the game is
Write the genre, the goal, who the hero is and how the player loses. For example: “an endless runner in a desert at night, a camel that jumps over rocks and collects dates.” Fanann builds the first version from that genre’s template and tells you what it assumed where you were silent.
2
Customise: make it yours
Move the speed, gravity and difficulty sliders until it feels the way you want, and swap the colours. Then ask in plain words for what is bigger: another level, a new hazard, a different way to win. Upload your logo or your character if you want a look of your own.
3
Play: try it the way people will
Play it in the preview with the keyboard, then switch to a phone size and try the touch buttons. The playtest panel tells you in plain words whether an error appeared, whether the game can be finished and whether it runs smoothly.
4
Publish: a link anyone can open
Press “Publish”. You get a link that works in any modern browser, an embed code for your site and a card image for sharing. Change the game whenever you like and publish again; whoever opens the link sees the new version.

A good description

Four things that bring the first version closer to what you imagine

You do not need a design document. Two sentences that answer these questions are enough, and whatever you leave out Fanann fills with a sensible assumption and tells you.

The genre and the goal

What does the player do, and how do they win? The genre picks the template; the goal defines the win screen.

“A maze game: collect the three keys and get out before time runs out.”

The hero and the world

Who do we control, and where? One sentence is enough to set the colours, the backdrop and the mood.

“A small robot in an abandoned factory, in orange and grey.”

How the player loses

Without a way to lose there is no tension. Say what ends a run and how many lives you give.

“Three lives, and touching a guard costs one.”

How long a session is

One minute or ten? A short game wants a faster pace and fewer levels; a long one wants checkpoints.

“Short rounds you can play in a break, each a little harder.”

1Structure

You see the game as scenes and levels, not files

The menu, the levels, the win screen and the game-over screen all sit in one panel you can jump between with a click, so you can try level three without playing through one and two every time.

Jump straight to any scene to try it
Add a level by asking, then adjust what is in it
The live state is visible: score, lives, level

2Devices

The same game on computer and phone

A browser game opens wherever the player is. So you try it in the studio at ready sizes: phone portrait and landscape, tablet, desktop. On touch devices the control buttons appear on screen by themselves.

Ready preview sizes
Touch buttons that appear on touch devices
The game scales to fit the screen without stretching

3Playtest

You know it plays before you send the link

A nice screenshot does not mean a working game. While you play, the studio watches the game: did an error appear, how many frames a second, was a win actually seen. The findings are written so that a non-programmer understands them.

Game errors surface as a plain message
A frame counter so you know whether it is smooth
“The game can be finished: yes” or “not seen yet”

4Art and sound

You know where every drawing and sound came from

A game you publish under your name should have art of clear origin. Fanann games draw on four sources and no others: drawn in code, sound synthesised inside the game, a generated image, and a file you uploaded yourself.

No characters or names from existing games
Upload your own images and audio within your plan’s limits
You are responsible for the rights to what you upload

A browser game

What “browser game” means in practice

The game is a web page you play. That decides what it can and cannot do.

Question	Answer
What does the player install?	Nothing. They open the link and play.
Where does it run?	In modern browsers on computers, phones and tablets.
How is it shared?	By link, or embedded in a page of your own site.
How is it updated?	You change it and publish again; the same link shows the new version.
Where is progress kept?	On the player’s device, in their browser.
Is it an app-store app?	No. It is a browser game, and we do not produce an app-store version.

Plainly

What you bring, and what we do not promise

An idea in two sentencesThe clearer the description, the closer the first version. The rest you polish by playing.

Your taste in difficultyThe AI builds a game that works. You decide when it becomes fun, and that is what the sliders are for.

No multiplayerEach player plays on their own device. No rooms and no online matches.

Publishing is within your planHow many games you publish and how large they are is set by your plan. See the pricing page.

FAQ

Questions people ask

What is the easiest genre to start with?

The endless runner and the platformer. Every player already knows their rules, their feel is tuned with three or four sliders, and the effect of each change shows at once.

Can I embed the game in my own website?

Yes. Alongside the link you get an embed code to paste into your page, and the game appears there and is played from there.

Can I use a character from a game or film I like?

We do not build games with characters or names that belong to someone else. Describe an original character by its features and colours, or upload artwork you hold the rights to.

What if I do not like the first version?

Say exactly what you do not like: “the hero is slow”, “the background is too busy”, “the level is short”. Small changes happen instantly with sliders, larger ones by request, and every version is kept so you can go back.

Is the player’s best score saved?

It is kept on their device, in their browser, so they find it when they return on the same device. There is no shared leaderboard between players by default.

Does the game work offline?

The player needs a connection to open the link and load the game. Once loaded, the game runs on their device.

2D Game Design

More about 2D Game Design

2D Game Design

Describe a game and play it in your browser within minutes: menu, levels, score, win and lose, sound and touch controls. Tune it with sliders and publish it to a link.

Open the studio page

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