Anime2.5DRig 是一个基于浏览器的工具,能够自动从分层 PSD 文件创建 2.5D 虚拟角色,实现待机动画、眨眼、口型同步和头发物理效果,无需安装。

Stars

124

7 天增长

暂无数据

Fork 数

26

开放 Issue

0

开源协议

MIT

最近更新

2026-07-06

AI 仓库情报摘要
FR-AI / ANALYSIS

为什么值得关注

它自动化了传统上需要手动完成的绑定流程——网格分割、变形、物理设置——并且完全在客户端运行,提供即时反馈。

适合谁使用

  • 创作分层 PSD 角色插画的画师
  • 希望拥有可定制虚拟形象的 VTuber 或主播
  • 构建交互式虚拟角色体验的网页开发者
  • 想不借助复杂软件尝试 2.5D 动画的爱好者

典型使用场景

  • 将分层角色插画转换为可用于直播或演示的实时 2.5D 虚拟形象
  • 创建带有摄像头和麦克风口型同步功能的交互式网页虚拟角色
  • 为独立游戏或动画快速制作角色绑定原型
  • 学习自动绑定和物理模拟的教育工具

项目优势

  • 零安装:所有处理在浏览器中完成,拖拽 PSD 即可
  • 自动检测并分离左右眼、眉毛、睫毛和头发束
  • 包含头发、胸部、呼吸的物理模拟以及基于 MediaPipe 的摄像头追踪
  • 支持闭眼/闭口自动生成和交叉淡化,实现平滑眨眼

使用前须知

  • 需要预先分割好的 PSD 文件(不提供单张图片的分解功能)
  • 嘴巴开合采用简单的切换+变形表达(增加中间差分可使动画更平滑)
  • 深度基于固定的名称表,而非 PSD 的图层顺序
  • 不支持图层组(需扁平化图层)

README 快速开始

Anime2.5DRig

デモ: https://852wa.github.io/Anime2.5DRig/

パーツ分けPSDをブラウザにドロップするだけで、自動リギングされて動き出す 2.5D アバターツールです。 従来は手作業だったセットアップ(メッシュ分割・変形・物理設定)を自動化します。インストール不要・全処理クライアントサイド。

デモ / 使い方

  1. このリポジトリを GitHub Pages で公開(Settings → Pages → Branch: main / root)するか、ローカルで:
    python -m http.server 8000
    # → http://localhost:8000
    
  2. ページを開き、パーツ分けPSDをドロップ(または「sample.psd を読み込む」)。
  3. 自動リグが走り、その場でアイドルモーション・まばたき・口パク・髪物理付きで動きます。

カメラ追従(MediaPipe FaceMesh)とマイク口パクは https または localhost でのみ動作します(ブラウザの権限仕様)。file:// 直開きでもドロップ再生は可能です。

自動で行われること

  • see-through の出力PSDをそのまま受け入れ(mouthmouth_open 自動リネーム)
  • 閉じ目・閉じ口差分が無い場合、汎用差分を自動生成(アンカーに合わせてスケール・配置し、まつ毛/口の色に自動調整。専用バーで位置・角度を微調整可能)
    • 差分の元絵はリポジトリ直下の eye_close.psd(左右両目を1枚・間を空けて)/ mouth_close.psd を優先使用。無ければ内蔵データを使用
  • 低アルファノイズ除去(連結成分フィルタ)
  • 目・眉・まつ毛・閉じ目の左右自動分離(連結成分の重心で判定)
  • まぶた位置・虹彩中心・口・首ピボットなどアンカーの自動検出
  • 髪の房(ストランド)自動検出(毛先輪郭のピーク検出、1レイヤーにつき最大6房)
  • レイヤーごとの深度割当てによる擬似3D首振り(パララックス+シアー)
  • 房ごとの2重バネ物理(根元は固く・毛先はふわふわ)、胸の揺れ、呼吸
  • 閉じ目/閉じ口差分のクロスフェード、瞳のステンシルクリップ(白目内に制限)

レイヤー命名規約

レイヤー名(日本語の「のコピー」や全角文字は自動正規化されます):

レイヤー名内容必須備考
face顔ベースアンカーの基準。これだけは必ず
eyewhite白目(左右両方)左右は自動分離
irides虹彩(左右両方)視線移動・瞳スケール対象
eyelashまつ毛(開き目)
eye_close閉じ目まばたきでクロスフェード
eyebrow眉(左右両方)角度・上下操作対象
mouth_open開き口開度で顎が下がる
mouth_close閉じ口
nose
ears
earwear耳飾り
neck上端は頭に追従
topwear上半身の服呼吸・胸の揺れ対象
bottomwear下半身の服
handwear腕・手腕の高さ操作対象
headwear帽子・カチューシャ等
front hair前髪房物理+3ブロック操作
back hair後髪房物理
  • 髪を複数レイヤーに分ける場合: front hair_1, front hair_2, back hair_1 … のように _連番 を付けると、各レイヤーが独立した房グループとして物理演算されます(房数はレイヤー幅から自動決定)。
  • 規約にない名前のレイヤーも読み込まれます(位置から頭部/胴体を推定して追従のみ)。
  • レイヤーグループ(フォルダ)は未対応です。フラットな構成にしてください。
  • 首(neck)と胴体(topwear)について: see-through の出力をそのまま使うと首と胴体の前後関係の解決が難しく、動かした際に境目が破綻することがあります。うまくいかない場合は、首を胴体レイヤーに統合した一体型(neckレイヤーなし、topwearに首まで含める)にした方が成功しやすいです。
  • キャンバスは正方形推奨(768×768〜2048×2048で動作確認)。

機能

表情プリセット(笑顔/驚き/ジト目/ウインク左右)、左右独立の目の開き、眉角度(左右独立+対称)、視線、瞳スケール、目/口の「閉じやすさ」しきい値、前髪3ブロック操作と前髪専用の揺れ・柔らかさ、腕の高さ/位置、胸の揺れ(強さ・位置調整可)、体の傾き、アイドル/ランダムモーション、ランダム口パク、マイク口パク、マウス追従、ウェブカメラ追従(頭XYZ・まばたき左右・口・視線)、

相关仓库与替代方案

根据分类、Topic 和编程语言匹配的相似项目。

ViffyGwaanl
精选
ViffyGwaanl GitHub avatar

kimi-k3-learn

An interactive learning system that turns the 47-page Kimi K3 technical report into a single offline HTML file with running algorithms, 3D visualizations, spaced repetition quizzes, and a smart highlighting QA tool.

AI 与机器学习
15
osama-fawad
osama-fawad GitHub avatar

Pekingman

Pekingman is a multimodal agent system that integrates perception, long-term memory, human-like reasoning, emotional consistency, and real-time action to create believable NPC behavior.

HTML
933
syabro
syabro GitHub avatar

neat-annotations

A CSS-only library for adding hand-drawn arrows and handwritten labels to any webpage using a single self-contained stylesheet, no JavaScript or build tools required.

HTML
378