Aoi Studio · Original characters Volume One · Summer
Aoi Studio EN
Full-body original art of Summer: midnight-blue hair in a side braid, blue travel cape, white high-collar blouse, dark trousers and brown boots
No.001 · Original character

One design sheet,
grown into someone
who talks with you.

Aoi Studio turns a single illustration into a Spine 4.2 skeletal-animation character, then connects text and real-time voice. Swap in another character and the same code runs unchanged.

See her move How she was made
4.2Spine skeletal animation
110bones
2characters live in chat
PSee her movePrologue · She Moves

See her move.

This clip is Summer running live in a web page. Not a single frame is hand-drawn animation.

Like a spatial photo
that breathes.

  1. i
    Drawn live

    She is rendered frame by frame in the browser, not a pre-recorded animation.

  2. ii
    Parallax layers

    As her head drifts, front and back layers move at different speeds, giving a flat illustration real depth.

  3. iii
    Two characters, one codebase

    Twintail's chat runs the very same parallax code.

IWho she isChapter I · The Traveler

Only two inputs:
a design sheet and one handwritten line.

One drawing, one sentence —
that is all her luggage.

Summer's design sheet: full body on the left, four expression portraits on the right
Fig. 1  Summer's design sheetFull body · four expressions · palette
One handwritten line of persona

A warm, lively, endlessly curious traveler who loves hearing about your day.

  • HairMidnight blue, long side braid
  • EyesAmber
  • WearsTravel cape, high-collar blouse
  • CarriesCompass hairpin, travel journal
  • SpeaksText and real-time voice
Eye parts inside Summer's skeleton: open, half-closed, closed

Fig. 2  The eyes in her skeleton, swapped frame by frame as her expression changes

One design sheet already holds four of her moods.

— from the design sheet
Summer smiling, from the design sheet
Smile
Summer laughing, from the design sheet
Laugh
Summer listening, chin in hand, from the design sheet
Listen
Summer reaching out to comfort, from the design sheet
Comfort
IIThe second travelerChapter II · The Companion

Swap the picture,
meet another traveler.

Twintail and Summer come out of the same pipeline and the same code. Below, both stand idle, full body, recorded live from a web page.

iLeft: Summer  Right: TwintailSame code; each grows her skeleton from her own art.

Two skeletons, each grown from its own art

SummerTwintail
Bones110114
Meshes9592
Mesh vertices16,68312,151
Physics constraints5661
Transform constraints129

The numbers differ because nothing is copied: the same code reads each character's own art and grows bones and meshes that belong to her.

Eye parts inside Twintail's skeleton: open, half-closed, closed

Fig. 3  The eyes in Twintail's skeleton

IIIHow she's madeChapter III · The Journey

It used to take a team.
Now it takes a pipeline.

An animated anime character traditionally takes several manual crafts: illustration, cutting parts, painting hidden areas, rigging, animating. We hand every one of them to code and models.

StepTraditional wayAoi Studio
Cutting partsAn artist separates layers by handModels split layers and estimate depth
Hidden areasAn artist paints them in by handImage models paint them in; stacked back, they restore the original
RiggingAn animator builds bones and paints weights by handBones, meshes and physics are generated automatically
MotionKeyframes tuned one by oneGenerated by code, with timing learned from real video
A new characterStart over from scratchSwap the picture, rerun the same code

Walk the route

— scroll to travel

Summer's design sheet
IVSkeleton fileChapter IV · The Star Chart

Her star chart:
the skeleton live in chat today.

Every number is read straight from the skeleton file. No estimates, no rounding up.

110BONESbones
95MESHESmeshes
16,683VERTICESmesh vertices
56PHYSICSphysics constraints
The whole project, to date
1,064commits
199approaches, each recorded and compared
9 × 3full-precision image models × three machines
136test files
VTravel logChapter V · The Log

From one concept sketch
to today.

One step at a time,
every step on record.

i.

The first concept art

Summer is born: midnight-blue hair, amber eyes, a travel cape and a compass hairpin.

Summer's first concept art
ii.

Set out

The first commit: chat page, scripts and docs set off together.

iii.

Moving on their own skeletons

Summer and Twintail move for the first time on pipeline-built skeletons, with living faces.

Summer and Twintail, full body
iv.

The review bench goes live

Every line's results land on one interactive comparison page. People, not metrics, decide what is good.

v.

A flagship skeleton per character

Chat v2: expressions and motion timing arrive in chat.

Summer laughing
vi.

Parallax and a new neck reach chat

Both characters get the slow-drifting parallax; Summer's neck now turns with her head tilt.

Summer in the parallax view
vii.

Three machines, every model ready

Official full-precision builds of nine image models are in place on three GPU machines, every file checksum-verified.

VIWhere it can goChapter VI · The Destinations

One road,
many destinations.

These are directions,
not existing partnerships.

Summer smiling
i

Companion chat

An AI companion with a face, a voice and reactions, right in the browser.

Summer and Twintail side by side
ii

Games & interactive

Animated 2D characters at scale, delivered in Spine, the format games already use.

Summer, half-length
iii

VTubers

From one design sheet to a persona that speaks, without modeling or manual rigging.

Summer reaching out
iv

Brands & original IP

Turn a brand's original character into a talking, expressive ambassador, fast.

VIIPacking listChapter VII · The Pack

Before setting out,
we packed only the best.

Full weights, bf16 / fp16, official step counts, native resolution. Compressed, distilled or few-step variants only ever appear as labeled drafts.

Summer's brass compass hairpin
Compass pin
Summer's leather satchel with a compass charm
Satchel
Summer's brown lace-up boots
Boots

Her pack · our pack

DialogueHorn · listen, answer, speak

Qwen3/SenseVoice/Qwen3-TTS/CosyVoice2/Streaming voice session

RuntimeLantern · plays live in the browser

Spine 4.2 runtime/Custom stage/Next.js 16/React 19

MotionBoots · timing learned from real video

Video teacher/Physics constraints/Parallax layers

Generation & inpaintingQuill · paints the hidden parts

Qwen-Image-Edit-2511/FLUX.2 klein base/Qwen-Image-2.1/FLUX.1 Fill/Anima

Layering & segmentationDagger · cuts apart, stacks back

See-through/Qwen-Image-Layered/SAM 3.1

ComputeCrystal · three machines, a full model set each

RTX 4090/DGX × 2/Persistent job queue/LAN sync, per-file checksums

Ticket · next stop

The next character,
one command.

This is the finish line we are racing toward: hand a design sheet to the pipeline and, with the same code and the same parameters, grow the next character who can talk.

FromOne design sheet
ViaSix stops, fully automatic
ToA character who talks
No.003 Summer, half-length portrait