Skip to contentTalk to us
Making games

How to make a 3D game with AI that runs in the browser

How to make a 3D game with AI and no game engine: describe the world, edit it by hand, set the rules and publish a link. With honest limits of browser 3D.

Fanann Team10 min read
WhatsApp
Quick answer

You make a 3D game with AI by describing the world: the place, how the player sees it, the goal and the mood. An AI game maker builds a light, stylized 3D scene that runs in the browser. You then edit it by hand (select, move, rotate, resize, time of day, rules) or by chat, and publish it as a link. This route suits an obstacle course, a kart race, an exploration island or a showroom, not huge open worlds or multiplayer.

People look for this as
  • how to make a 3D game with AI
  • make a 3D game without coding
  • AI 3D game maker in browser
  • can I make a 3D game without Unity
  • how to make a 3D browser game

Can I make a 3D game without learning a game engine?

Yes, if your game is the right size. The traditional route to making a 3D game runs through an engine such as Unity, Unreal or Godot, a modeling program such as Blender for the objects, and a programming language for the logic. It is a powerful route that can reach any game you imagine, but it takes months of learning before you walk through your first world.

Illustration: an obstacle course on floating islands, the friendliest start for a 3D game.Illustration
Illustration: an obstacle course on floating islands, the friendliest start for a 3D game.

The shortcut is to describe the world in words. In Fanann's 3D Game Design you write a colorful obstacle course above the clouds and get a scene with ground, sky, a player and a goal that you enter from the browser. Then the world is yours to shape by hand. Compared with an engine you trade some depth for speed, a fair trade for a first world.

What should I expect from a 3D game that runs in the browser?

Set expectations before you write a word. The game runs on the player's own device inside the browser, with no download. So it is built light on purpose: simple, colorful low-poly shapes, not realistic graphics.

Style
Stylized: simple shapes and clear colors
Players
Single-player; each visitor plays alone
Devices
Computers and phones with a recent browser; quality drops by itself on weaker devices
Your models
Upload your own as glb files and place them like any shape
Sharing
The game's own link
A good fit
  • An obstacle course with moving platforms and checkpoints
  • A kart race on a three-lap track
  • A calm island to explore and collect gems
  • A puzzle solved by moving and stepping on plates
  • A product showroom, a room or a warehouse walkthrough
Not a fit
  • A huge open world with cities and wide maps
  • Online multiplayer
  • Realistic, highly detailed graphics
  • A complex fighter or shooter with many systems
  • Publishing to consoles or Steam

How do I describe a 3D world well?

Describing a world differs a little from describing a 2D game, because you are describing a place, not a screen. Four things are enough:

PartThe questionExamples
PlaceWhere are we and what is there?Floating islands, a race track, an island with a lighthouse, a living room
ViewHow does the player see the world?A character seen from behind, through their own eyes, a vehicle, or a showcase you orbit
GoalHow do you win, or what do you do?Reach the finish, collect everything, last until time runs out, or just explore
MoodWhat time, what light?Clear day, sunset, starry night, cloudy, space
An obstacle course description

Build a colorful obstacle course above the clouds at sunset. The player is a character I see from behind. The course starts with three easy fixed platforms, then two moving platforms over a gap, then a spinning hazard to dodge, then a harder chain of jumps before the finish line. Put ten coins along the route and two checkpoints: one before the moving platforms and one before the final jumps. Three lives and a two-minute timer; you win by reaching the finish line.

Try it in Fanann

Which kind of 3D experience should I start with?

These are the seven templates. Each is a complete world you step into first and then change:

TemplateViewWhat you doBest for
Obstacle courseCharacter from behindJump between platforms to the finishA first 3D game, challenges with friends
Kart racerVehicleThree laps through ordered gatesFamily racing, best times
Exploration islandCharacter from behindWander and collect hidden crystalsA calm world for children
Puzzle adventureCharacter from behindStep on plates that open the wayShort puzzles, simple escape rooms
Product showroomShowcase that orbits the productTurn, zoom and switch the colorLaunch pages, sales presentations
Room designOwn eyesWalk around and see furniture from every angleShowing a design idea to a client
Warehouse tourOwn eyesWalk and read information pointsShowing a new hire around
What do you want the visitor to do?

Pick the one that sounds like you to see the advice.

How do I edit the world by hand?

This is what makes the tool a studio and not a request box. Once the first version is built you switch between two modes: Edit World and Play Game. In edit mode every object in the scene can be touched and changed.

Animated explainer: an object in a 3D world is selected, dragged across the ground and scaled, and the time of day changes.
Animated explainerAnimated explainer: selecting an object in the world and dragging it to a new place.
  1. 1
    Select

    Tap any object in the world or in the object list. All its details appear: position, rotation, size, color, surface.

  2. 2
    Move, rotate, resize

    Drag the handles. Turn on snap to grid so objects move in even steps and line up without effort.

  3. 3
    Give it a role

    Every object has a role in the game: ground, platform, moving platform, pickup, checkpoint, finish, a hazard that costs a life, or a trigger zone where something happens when the player walks in.

  4. 4
    Add from the library

    Ready shapes (box, ball, ramp, ring) and game pieces that already know their job, such as the coin, the checkpoint and the finish line. Duplicate an object to build a row of platforms quickly.

  5. 5
    Change the sky

    Pick a time and place: clear day, sunset, night, cloudy, studio, space. Drag the sun and the shadows grow or shrink.

  6. 6
    Play at once

    Switch to Play in one tap and try what you changed. Every change is saved and can be undone.

What you would rather not do by hand, ask for: add two moving platforms over the gap, scatter ten coins along the way, make this object spin slowly. The same idea for web apps is in change your app by pointing at it.

How do I set the rules of the game?

A pretty world is not a game until it has rules. You set them in Player and rules, with no logic to write:

SettingOptionsAdvice
How the game is wonReach the finish, collect everything, last until time runs out, just explorePick only one for a first game
LivesA numberThree with checkpoints is kinder than five without
TimerIn seconds; zero means no timerPlay the course yourself and give players about twice your time
Player speed and jump strengthTwo slidersSet them before placing platforms, because distances are built on them
GravityA sliderLower values make jumps float, higher values make them snappy
Fall heightThe height below which it counts as a fallKeep it just under the lowest platform so players do not wait long

How do I keep the game fast on phones?

In 3D, every object, light and shadow costs the device work on every frame. So each world has a budget: limits on objects, detail (triangles), lights, and the size of uploaded models and pictures. A world over one of its limits will not publish until it is back inside. The Performance panel shows the frame rate on your device.

A light, smooth worldTap an item when it is done. Your progress is kept in this browser.

The Automatic picture quality watches how smoothly the game runs for each player and adjusts by itself, so you do not need two versions.

How do I publish the world, and what should I know first?

Publishing gives your game a link anyone can open. Four things to know first, stated plainly:

  • It runs on each player's device: a new computer runs it smoothly, an old phone may not.
  • Phones get a lighter picture: on weaker devices the game lowers its quality by itself to stay playable.
  • It needs a recent browser: on a device that cannot draw 3D, players see a clear message instead of the game.
  • One player at a time: playing together online is not part of worlds.

Still deciding between two dimensions and three? Read 2D or 3D: which should your first game be?. On sharing and what makes a game work from a link: browser games. Starting from zero: make a game without coding.

Key takeaways

  • You do not need to learn a game engine or a modeling program to make a small 3D world you can play.
  • The result is light and stylized on purpose, so it runs in a browser and on phones.
  • Describe four things: the place, how the player sees the world, how they win, and the mood.
  • After the first version the world is yours: move any object by hand, change the sun, gravity and rules.
  • Watch the world budget: fewer objects, lights and details mean a faster game for players.

Frequently asked questions

How do I make a 3D game without coding?
Describe the world to an AI game maker: the place, the player's view, the goal and the mood. In Fanann's 3D Game Design a light scene is built that you enter from the browser; then you move objects by hand, set the rules and publish a link.
Do I need a powerful computer to make a 3D browser game?
You need a recent browser that can draw 3D. Worlds are light on purpose, though a newer device is more comfortable for editing. If your device cannot draw 3D you see a clear message, and editing by chat and settings still works.
Can I use my own 3D models?
Yes. Upload your models as glb files and place them like any shape, within a size limit per file and per world. Upload only what you made or are allowed to use.
Can I make an online multiplayer 3D game?
No. Each visitor plays alone. Playing together online is not part of worlds at present, and neither are huge open worlds.
Does the 3D game work on phones?
Yes, on phones with a recent browser, with a touch joystick and on-screen buttons. The game lowers picture quality by itself on weaker devices, and a very old phone may not run it smoothly.
How is this different from an engine like Unity?
An engine gives you full control and suits any game, but takes months to learn. Description gives you a small world you play today and edit by hand, within the limits of light, single-player browser games.

Ask your AI assistant about this

Copy this prompt into the AI assistant you use, then add the details of your own case.

I am reading this guide: “How to make a 3D game with AI that runs in the browser” https://fanann.com/en/blog/make-3d-game-with-ai/ My question: how to make a 3D game with AI Use that page as a source and explain the answer step by step for my situation, tell me what to check before I start, and cite the page link.

Terms in this article

Your idea deserves to see the light.

Describe it in Arabic or English and Fanann builds, tests and ships it — no coding knowledge needed. Start free, no credit card.