Signing in & your projects

The Studio uses the same account as the threejsassets store — sign in once and you're signed in to both. Signed-out visitors get a landing page and are sent to the site to authenticate, which redirects them back to the Studio. Once you're in, your work lives on the Home projects dashboard, you move between tools with the mode switcher, and you can run any action from the command palette.

Signing in (single sign-on)#

The Studio shares one login with the main site over a domain-wide session cookie, so there's no separate Studio account to create.

1. On the landing page, choose Create free account or Sign in. Both links open the site's login or register page with a next= return target pointing back at the exact Studio URL you were on.
2. Complete the magic-link flow on the site (see creating your account). No password is ever involved.
3. The site redirects you back to the Studio, and the shared session cookie signs you in automatically — deep links survive the round-trip, so you land where you started.

An account is normally required. If the identity check cannot complete because you are offline or the site is temporarily unreachable, Studio can still open so you can reach local work. Pack ownership and licensed downloads still require a successful check with the site.

If you were already signed in on the store before this shared-cookie setup existed, you may be asked to sign in once more the first time you open the Studio. That one-time re-login is expected; it won't recur.

Customers using Studio without a browser session can enter with a stored TJA_ license key instead. A key unlocks entitled catalog assets and downloads, but it does not create an account session or enable cloud sync and customer perks. See your account & customer perks.

The Home dashboard#

Home (#/home) is your workspace landing, and it is where a bare studio.threejsassets.com puts you — a grid of project cards across all three tools, titled Your projects with a running "N saved" count. Each card shows the project's tool, an optional summary, and when it was last updated as a relative time ("now", "3m ago", "1d ago"). The project currently open in an editor is marked with a green dot.

• Start a project — the header carries a New Character, New Editor, and New Map button; each opens a fresh document in that tool.
• Open, rename, or delete — every locally saved card has an open button, a rename (pencil) control, and a delete control. Renaming and deletion each ask in a centered dialog first; renaming a project that is open in an editor updates that editor's header chip too.
• Grid or list — a toggle beside the New buttons switches the layout. The choice persists across sessions.
• Refresh — the circular-arrow button re-pulls your cloud projects on demand. It spins and disables itself while the pull is in flight.
• Empty state — with nothing saved yet, the grid prompts you to start one with a "New" button.

The open button carries one of three labels, so you can tell at a glance where you left off: Current on the project your editor already has open, Continue on the most recently updated project, and Open on everything else.

Projects save to your browser automatically, and the dashboard repaints whenever a project is created, updated, or removed. It does not re-fetch the cloud list every time you tab back to the window — that is what the Refresh button is for. If you saved a project from another device, press Refresh to see it.

Sync badges#

When you are signed in and the cloud service is reachable, cards carry a badge showing where each project lives. A free signed-in account can still see a Local badge; purchasing a pack or the lifetime license unlocks Save to cloud and per-project Autosync. Signed-out and offline views remain badge-less and local-only.

Cloud sync is a customer perk. When it's available, per-card actions let you Save to cloud, Download the cloud copy, or Keep local (detach the cloud copy), plus a per-project Autosync toggle. The details, and what happens without the perk, are in your account & customer perks.

Autosave and undo#

Every editor autosaves its document locally and keeps a bounded undo/redo history for the current editing session. Opening or replacing a project starts a fresh history. Because saves are local-first, editing is not blocked on the network; cloud sync adds a separate cloud copy when you enable it. During public beta, still export anything important.

Switching tools#

The header's mode switcher is a segmented control with three modes, in order: Map, Character, and Editor. Click a segment, or use the keyboard:

The switcher is also keyboard-navigable with arrow keys and Home/End, activating with Enter or Space. Each mode is registered as a command too, so you can jump to one from the command palette. Home has no segment of its own — click the header wordmark to get back to it.

Switching guards unsaved work. With pending changes in the mode you're leaving, a centered Unsaved changes dialog offers Save & switch or Stay; confirming saves the work before moving, so a mode switch does not cost you anything. All the Studio's blocking prompts work this way now — centered dialogs, not browser alerts.

The command palette#

Press Mod+P (Cmd+P on macOS, Ctrl+P elsewhere) to open the command palette — a fuzzy search over the commands currently available in the shell and any tool mounted during this session. Type to filter, ↑/↓ to navigate, Enter to run, and Esc to close. It works even while a text field such as the library search box has focus. Visiting a tool adds that tool's commands to the palette for the rest of the session.

The help overlay#

Press ? outside a text field to open or close the help overlay. In the Character toolbar, the header's ? button opens the same sheet.

It has two halves. The top is the Keyboard shortcuts table, generated from the live command registry — every command that has a shortcut, grouped, plus the common Character mouse controls. Editor and Map also have pane-specific keys, so use the full Studio keyboard reference for the complete cross-tool map.

Below it sits the in-Studio Character Creator guide: prose covering the parts of the creator a shortcut table can't describe, with the command id behind each documented action. It's the fastest way to discover what the creator does without leaving the app — and if you don't know the overlay exists, run Character Creator help from the command palette, which opens the overlay scrolled to that section. See the Character Creator for the full walkthrough.

Where to go next#

• Using the asset library — bring catalog assets into an editor.
• Your account & customer perks — the account chip, perks, and the license-key fallback.
• Studio overview — what each of the three tools does.