explaingit

852wa/anime2.5drig

Analysis updated 2026-05-18

118HTMLAudience · vibe coderComplexity · 2/5LicenseSetup · easy

TLDR

Turns a layered anime character image into a moving 2.5D avatar in your browser, automatically rigging blinking, hair physics, and lip sync.

Mindmap

mindmap
  root((Anime2.5DRig))
    What it does
      Auto rigs layered PSD
      Hair strand physics
      Blink and lip sync
      Webcam face tracking
    Tech stack
      WebGL runtime
      PSD parsing library
      MediaPipe FaceMesh
    Use cases
      VTuber style avatars
      Streaming overlays
      Recording green screen
      Auto generated eye mouth diffs
    Audience
      VTuber creators
      Anime artists
      Streaming hobbyists

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Turn a layered anime character PSD into an animated avatar with no installation.

USE CASE 2

Use webcam based face tracking to make an avatar mirror your head and eye movements.

USE CASE 3

Stream or record with a transparent or green screen animated character overlay.

USE CASE 4

Automatically generate missing closed eye or closed mouth images for a character.

What is it built with?

JavaScriptWebGLHTMLMediaPipe

How does it compare?

852wa/anime2.5drigfloxu1/uac-sni-spoofer-windowswebdevsimplified/javascript-simplified
Stars118120124
LanguageHTMLHTMLHTML
Last pushed2023-01-04
MaintenanceDormant
Setup difficultyeasyeasyeasy
Complexity2/53/51/5
Audiencevibe codergeneralvibe coder

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

Webcam face tracking needs HTTPS or localhost due to browser camera permission rules.

In plain English

Anime2.5DRig is a browser based tool that turns a layered anime style character image into a moving 2.5D avatar just by dropping the file onto a web page. It automates the setup work that used to be done by hand, such as splitting the artwork into moving parts, shaping those parts, and configuring physics for things like hair movement. Nothing needs to be installed, and all of the processing happens directly in the browser rather than on a server.\n\nThe expected input is a PSD file, a layered image format, that has already been separated into named parts such as face, eyes, eyebrows, mouth, and hair, following a specific naming convention the tool recognizes. It is designed to accept output directly from a separate project called see-through, which handles splitting a single flat illustration into those labeled layers in the first place. Once loaded, the tool automatically detects key reference points like eyelid position, the center of the iris, the mouth, and the neck pivot, separates left and right features such as eyes and eyebrows, and detects individual strands of hair to animate them with spring based physics where the roots stay stiff and the tips move more freely. If closed eye or closed mouth images are missing from the file, the tool can generate reasonable substitutes automatically by scaling and positioning generic versions to fit. The resulting avatar supports features like blinking, lip syncing to a microphone, idle motion, webcam based head and eye tracking using MediaPipe, adjustable facial expressions, chest movement for breathing, and a transparent or green screen background for use in streaming or recording setups.\n\nThe project runs on WebGL and needs an internet connection only if webcam based face tracking is turned on, since that feature loads a face tracking library from a public content delivery network. It is released under the MIT license, and the included PSD parsing library is also MIT licensed, while a companion library for tracking uses the Apache 2.0 license.

Copy-paste prompts

Prompt 1
Help me prepare a PSD file with the correct layer names so Anime2.5DRig can rig it automatically.
Prompt 2
Explain how Anime2.5DRig detects and separates left and right eyes and eyebrows automatically.
Prompt 3
Show me how to enable webcam face tracking with MediaPipe in this project.
Prompt 4
Walk me through hosting Anime2.5DRig on GitHub Pages so I can share the demo link.

Frequently asked questions

What is anime2.5drig?

Turns a layered anime character image into a moving 2.5D avatar in your browser, automatically rigging blinking, hair physics, and lip sync.

What language is anime2.5drig written in?

Mainly HTML. The stack also includes JavaScript, WebGL, HTML.

How hard is anime2.5drig to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is anime2.5drig for?

Mainly vibe coder.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.