All guides

AnnoMotion Lattice

6 min Writing & Design

Describe a web app or browser game and get a working, multi-file build — every file a node on a canvas you can read, edit and regenerate one at a time, then run full screen. Powered by AnnoMotion AI.

Before you start
A description of a web app or browser game.
What you end up with
A working multi-file project you can run full screen and download as a zip.

Step by step

  1. Describe what to build

    Say what it does and who uses it. More concrete is better — screens, actions, data.

  2. Read the canvas

    Every file in the build is a node. Open one to read it. This is the part people skip and then regret.

  3. Regenerate one file at a time

    Rather than rebuilding everything when one part is wrong, regenerate just that node. Everything else stays as it was.

  4. Run it, then download

    Run the build full screen to test it, then download the whole project as a zip with every source file at its proper path.

Worth knowing

  • Bigger than the HTML5 Game Prototype: that gives you one file, this gives you a real project structure.
  • Regenerating a single node is the whole point of the canvas. Use it before you start over.

Read next