Step-by-step walkthroughs for building scenes, games, animation and characters with Strata — by hand, no AI required. 26 tutorials.
Build and label a scene, or cut a model into named parts.
The editor's SEG tool on any one-piece textured model: read the UV islands and painted colours, decide what each piece is, and cut it into named, classed meshes in one undo step. An avocado is the easy case, a toy duck the hard one (ten islands, six parts), an animated fox shows a skinned mesh cut with its skeleton and clips intact, and the page says where the method stops working. Built with the JS Shell.
Open example →SEG on a furnished room: one mesh, 538 texture islands, no part that is one island. SEG joins the islands that touch into components, measures them in the world frame, places everything you did not name on the nearest anchor you did, and checks the cut; you supply the anchors and their names. Says where the checks fired on the first attempt. Built with the JS Shell.
SEG on a 71-mesh street-corner diorama whose biggest mesh has 3,297 texture islands: too many to anchor individually. An agent names 22 regions from orthographic views, cuts nine meshes into 124 named, classed parts, names the 62 meshes that were already separate, and selects one object across all its materials with a class. Says where SEG's own warning caught a second post box, and that the cut replays. Built with the JS Shell.
Open example →The editor's SEG tool, written out by hand on a one-piece avocado: read the evidence the file carries (separate patches of the texture, and the colours painted on them), cut it into five named, classed meshes (skin, pit, cavity, flesh, edge) without losing a triangle, and check the cut. Says plainly where the method stops working. Built with the JS Shell.
Open example →The from-scratch workflow: helper functions, noise-displaced ground, night lighting, a moving object and a hero camera.
Open example →Assemble a hat from primitives, then sculpt a relief smiley into it as one undoable step.
Build a scene, label it, and leave the behaviour to game code.
Build a paddle game as a receding table, and verify the camera framing by projecting points to screen space.
A lane, one class-tagged bubble template for game code to clone, a rainforest backdrop and a score sign.
A tavern stage, two class-tagged fighters and a health-and-mana HUD, built for game code to drive.
Generate a whole circuit from corner points and name every object at creation so game engines can find it.
Timelines, cameras and shots.
Build a 100-second animated demonstration that 3² + 4² = 5², extend it to two more triples with quarter turns of the camera, and add subtitles, using the JS Shell and the Universal Timeline.
Open example →A 3D visual proof of (a + b)³ = a³ + 3a²b + 3ab² + b³ with no numbers: a whole cube falls apart into eight coloured blocks that line up under the expanded equation, with five cameras, an x-ray and subtitles, all from the JS Shell.
Open example →The Hardy–Weinberg law as a square: p² + 2pq + q² for one round of random mating, then a count of the alleles that shows p and q are unchanged, with the assumptions listed. Built with the JS Shell.
Open example →Cubes of side 1, 2 and 3 have surface-to-volume ratios of 6, 3 and 2 per unit-cube width, falling as 1 / side in any units: why cells stay small and divide, and why mitochondria and lungs fold their membranes. Built with the JS Shell.
Open example →A thrown ball's curve is a sideways motion at constant speed plus an up-and-down motion under gravity. Orbit the path to see each alone, then put them back together. Built with the JS Shell.
Open example →A crankshaft, connecting rod and piston through one revolution: the dead centers, the stroke, and the mechanical advantage drawn as a gap that vanishes at the dead centers. Orbit the assembly to see what a flat view hides. Built with the JS Shell.
Open example →Methane, ammonia and water built from coloured spheres and bonds: four electron pairs spread to the corners of a tetrahedron, and each lone pair, which has no atom on it, closes the angle a little more (109.5°, 107°, 104.5°). Orbit each molecule to see what a flat drawing hides. Built with the JS Shell.
Open example →Cut a fixed hero camera into a render sequence to show a moment your main camera does not frame well.
Import, restyle, pose and animate a character.
Import a MetaHuman GLB, restyle it, pose its 51 face blendshapes and capture a still.
Bake one Mixamo dance onto two different characters and stage them with an orbiting camera.
Restyle a VRoid base model into an expedition explorer: retint, re-clothe, attach gear and pose a smirk.
Open a finished VRM that carries a baked body clip and a baked face clip, read what the file holds, start the body on cue and keep a camera on her as she walks. Character by portrait.webcli.app and look.webcli.app, rigged with rig.webcli.app.
Open example →Give two characters a face with timeline keys: gaze that follows, a seeded blink and held expressions.
Work from recorded performances.
Two characters share one mocap clip in a bamboo dojo: a lesson, then a sparring match filmed by four cameras.
Cut a 170-second two-performer capture to 53 seconds with a non-destructive edit list.
Turn a two-person sparring capture into a 53-second match, checked frame by frame for collisions.
