Studio
Create, animate, inspect, optimize, and arrange 3D assets with the browser-based ThreeJS Assets Studio.
Studio overview
What the browser-based ThreeJS Assets Studio is — three creative tools (animate, model, build) that run entirely in your browser, free with an account, and stream the threejsassets catalog into every tool.
4 min readSigning in & your projects
How to sign in to the Studio with your threejsassets account, navigate the Home projects dashboard and its sync badges, switch between the three tools, and drive everything from the command palette.
6 min readUsing the asset library
The Studio's shared asset library — the docked bottom shelf of assets you can use now, and the fullscreen browser where you filter, sort, and buy — plus how to drop any of them into the editor you're in.
6 min readYour account & customer perks
The Studio account chip and its Lifetime/Customer badges, the customer perks that pack and lifetime owners unlock (saved presets, batch export, cloud sync), the separate entitlement on character exports, and the TJA_ license-key fallback for signed-out or desktop use.
4 min readCharacter: overview & layout
A tour of the Studio's Character tool — its 65-bone Mixamo-compatible rig and the bone hierarchy, viewport, tabbed sidebar, and timeline.
5 min readPosing & IK
Pose the 65-bone rig with FK gizmos and rotation fields, reach hands and feet with analytic two-bone IK, swivel elbows and knees, drive the head and torso, solve the whole body at once, mirror left to right, and apply preset poses.
4 min readKeyframes, dope sheet & curves
Record keyframes with auto-key or explicitly, edit timing in the dope sheet with multi-select and retiming, shape per-key easing in the curve editor, and preview motion with onion-skin ghosts.
4 min readClips, sequences & layers
Manage multiple animation clips, load clips from the library, chain them into crossfaded sequences, stack additive layers with live weight blending, and clean up motion with the root-motion and loop-fix tools.
4 min readImporting your own character
Bring a Mixamo-rigged GLB into the Character tool: supported files, skeleton requirements, automatic scaling, missing-bone warnings, and common import failures.
3 min readExporting animations
Export your work from the Character tool: portable clip JSON, a GLB with the rig, mesh, and clips (or a bare animation rig for retargeting), an optional .rig.json report, a batch ZIP of GLBs, and the .animproj.json project file.
6 min readBuilding characters with the Character Creator
Generate a rigged, animatable character in the browser from a character product: styles, palettes, live proportions, painted faces, a whole cast per project, GLB export, and the editable source bundle you get when you buy.
8 min readEditor: overview & layout
The Studio model editor does two jobs — inspect, transform, optimize and re-export any GLB, and author new low-poly pack-convention assets — from a three-panel layout around a lit viewport.
3 min readImporting & inspecting models
Bring a GLB into the Studio editor by drag-drop, file picker, or library insert, then inspect its scene tree and live model statistics.
4 min readTransforms & materials
Move, rotate and scale with snapping and pivot tools, bake transforms into geometry, and edit MeshStandardMaterial surfaces — including per-zone recolour for configurator assets — in the Studio editor.
3 min readThe modifier stack
Stack non-destructive geometry modifiers — shading, weld, decimate, and fit-to-bounds — reorder and toggle them over a live preview, then apply the stack to bake, with skinned-mesh guards throughout.
2 min readOptimizing & exporting GLBs
Optimize a model in the browser with prune, dedup, weld, quantize, and optional Draco compression, compare the result, and export a self-contained GLB.
3 min readCreating pack-convention assets
Author new low-poly assets from parametric primitives, vertex-paint them from a shared palette, check common asset conventions, and save them to My creations.
4 min readMap builder: overview & layout
Compose 3D worlds with placed assets, scatter brushes, auto-tiling roads, layers, lighting, and export tools in one map-building workspace.
4 min readPlacing assets & the scatter brush
Place single assets, scatter clusters, paint connected roads, erase in a radius, and transform or organize placements with snapping.
5 min readLayers & organization
Group placements into layers with visibility and lock controls, drag to regroup and reorder, read the map from the minimap, and manage every saved map in the My Maps gallery.
3 min readEnvironment & time of day
Light your map with time-of-day presets, sun angle and ambient, choose a ground material, and dial in fog, shadows and sky — every control updates the scene live and round-trips with the map.
1 min readSeeding from a WorldPlan
Materialize a procedurally generated WorldPlan into a map — the seeder resolves each placement's semantic hint onto an asset you own, so a whole town lands as one undoable step.
2 min readExporting a map
Export your map as a binary glTF scene with baked placement transforms, or as an engine-agnostic placement manifest — plus how the map project itself is saved, imported and renamed.
2 min readKeyboard shortcuts reference
Keyboard shortcuts for the Studio shell, Character, Editor, and Map tools, plus how the in-app cheat sheet differs from pane-specific controls.
7 min readStudio file formats
Reference for the editable and exported formats used by Studio: clip JSON, project files, map documents, road networks, presets, WorldPlans, character sets, source bundles, and GLB.
15 min readScripting & automation
Use the browser console to inspect and run Studio commands, manage open projects, and connect a local MCP client to a live Studio tab.
7 min read