Volver al ranking

xianfei/SysMocap

JavaScript

A real-time motion capture system for 3D virtual character animating.

augmented-realityaugmented-reality-applicationsmocapmotion-capturevtuber
Crecimiento de estrellas
Estrellas
3.2k
Forks
480
Crecimiento semanal
Issues
41
1k2k3k
may 2022sept 2023feb 2025jul 2026
Artefactosnpmnpm install sysmocap
README

banner

SysMocap

GitHub Actions release forks stars

English Version | 中文版本

A cross-platform real-time video-driven motion capture and 3D virtual character rendering system for VTuber/Live/AR/VR.

Available for Windows, macOS (including Apple Silicon & Intel) & Linux (source code only)

Download Now

(This is a multi-language software, including English and Chinese. )

Highlights

🌟 Beautiful GUI with Material Design 3 Color System, with Dark Mode supported.

UI UI-dark

🌟 Easy to used. You can import 3D models just with drags.

https://user-images.githubusercontent.com/8101613/167257555-8b8d4b99-f99f-4b79-8891-967b8723e3f8.mp4

🌟 Support WebXR API on Mocap Forwarding (HTTPS only)

https://user-images.githubusercontent.com/8101613/167257906-596919a5-4c0e-4795-865f-384a15c0d39f.mp4

🌟 Model viewer with bones & dressing controller

Model viewer

🌟 Support OBS live-streaming

OBS

🌟 Support full-body motion capture

Full-body

Full-body-animotion

🌟 Support Auto Skeleton Detection for All VRM files (including VRM 0.x and VRM 1.0) and Mixamo Format FBX files

fbx-mixamo-animotion

🌟 Support Any Skeleton Structure with Manual Mapping

bdd-animotion

🌟 You can use VRoid Studio to create your avatar very easily. Supporting VRM 0.x & 1.0!

vroid

More Effect Demonstration

🌟 Facial

Facial-animotion

🌟 Half-body

Half-body-animotion

🌟 Half-body with Hands

Half-body with Hands animotion

🌟 Full-body

Full-body-animotion

System architecture

System architecture

How to Download prebuilt package (Windows & macOS):

Download Now

1. Windows Portable Version: Simply extract the archive and run SysMocap.exe.

  • SysMocap-Windows-x64-<version>.7z: Windows 64-bit version, suitable for x86_64 processors (AMD, Intel, etc.) running 64-bit Windows 10 & 11.

  • SysMocap-Windows-arm64-<version>.7z: Windows ARM 64-bit version, suitable for ARM64 processors (such as Qualcomm Snapdragon) running 64-bit Windows 10 & 11.

2. Windows Installer: Double-click to install.

Snipaste_2024-07-07_20-56-11
  • SysMocap-Windows-x64-installer-<version>.msi: Windows 64-bit version, suitable for x86_64 processors (AMD, Intel, etc.) running 64-bit Windows 10 & 11.

  • SysMocap-Windows-arm64-installer-<version>.msi: Windows ARM 64-bit version, suitable for ARM64 processors (such as Qualcomm Snapdragon) running 64-bit Windows 10 & 11.

3. macOS DMG Image: Drag SysMocap.app to the Applications folder.

Snipaste_2024-07-07_20-56-11
  • SysMocap-macOS-x64-<version>.dmg: Suitable for Apple computers with Intel chips and Hackintosh devices, running macOS 10.15 or later.

  • SysMocap-macOS-arm64-<version>.dmg: Suitable for Apple computers with M series chips (Apple Silicon).

Note for user on macOS:

  • You need set Gatekeeper to Anywhere in System Settings (using sudo spctl --master-disable)

    image
  • If you got “SysMocap” is damaged and can’t be opened. You should move it to the Trash. Please run sudo xattr -r -d com.apple.quarantine /Applications/SysMocap.app in your terminal

How to run from source code (need lastest Node.js):

git clone https://github.com/xianfei/SysMocap.git
cd SysMocap
npm i
npm start

Notice

  1. HTTP & HTTPS will use same port in Mocap Data Forward.

Required Skeleton Node in glTF/glb/FBX Model File for Macap:

(If not same as above, you need rebind them manually.)

  • Hips (Main Node, both Position and Rotation. Ratation only for other nodes)

  • Neck

  • Chest

  • Spine

  • RightUpperArm

  • RightLowerArm

  • LeftUpperArm

  • LeftLowerArm

  • LeftUpperLeg

  • LeftLowerLeg

  • RightUpperLeg

  • RightLowerLeg

Star History

Star History Chart

Improve Translate

If you want to contribute language translation, you can add translation in utils/language.js

Then modify mainview/framework.html

 <div class="settings-item">
  <i class="mdui-icon material-icons" style="margin-right: 10px; margin-top: -3px">language</i>
  <span>{{language.tabSettings.ui.language}}</span>
  <select v-model="settings.ui.language" class="mdui-select" style="float: right; margin-right: 10px" id="demo-js-2">
    <option value="zh">简体中文</option>
    <option value="en">English</option>
  </select>
</div>

Fonts

Nowar Rounded for East Asian languages (汉语、漢語、日本語、한국어)

Quicksand for English and etc.

Thanks

You can see all dependencies in package.json

Cite

@INPROCEEDINGS{9974484,
  author={Song, Wenfeng and Wang, Xianfei and Gao, Yang and Hao, Aimin and Hou, Xia},
  booktitle={2022 IEEE International Symposium on Mixed and Augmented Reality Adjunct (ISMAR-Adjunct)}, 
  title={Real-time Expressive Avatar Animation Generation based on Monocular Videos}, 
  year={2022},
  volume={},
  number={},
  pages={429-434},
  doi={10.1109/ISMAR-Adjunct57072.2022.00092}}

SysMocap

Repositorios relacionados
mrdoob/three.js

JavaScript 3D Library.

JavaScriptnpmMIT Licensejavascript3d
threejs.org
113.9k36.4k
aframevr/aframe

:a: Web framework for building virtual reality experiences.

JavaScriptnpmMIT Licensevrwebvr
aframe.io
17.6k4.4k
google/model-viewer

Easily display interactive 3D models on the web and in AR!

TypeScriptnpmApache License 2.03d-modelsgltf
modelviewer.dev
8.2k940
olucurious/Awesome-ARKit

A curated list of awesome ARKit projects and resources. Feel free to contribute!

Swiftaugmented-realityarkit
8k910
AR-js-org/AR.js

Image tracking, Location Based AR, Marker tracking. All on the Web.

JavaScriptnpmMIT Licenseaugmented-realitywebar
6k998
AndrewHartAR/ARKit-CoreLocation

Combines the high accuracy of AR with the scale of GPS data.

SwiftMIT Licensecorelocationgps-data
5.5k726
vasturiano/react-force-graph

React component for 2D, 3D, VR and AR force directed graphs

HTMLMIT Licensereactforce-directed-graphs
vasturiano.github.io/react-force-graph/example/large-graph/
3.2k356
immersive-web/webxr

Repository for the WebXR Device API Specification.

BikeshedOthervirtual-realityaugmented-reality
immersive-web.github.io/webxr/
3.1k424
jeeliz/jeelizFaceFilter

🎭 Lightweight WebGL & JavaScript library for real-time multi-face detection, tracking and augmented-reality face filters. Supports rotation, mouth-opening and integrates with Three.js, Babylon.js, Canvas2D and CSS3D

JavaScriptnpmApache License 2.0facetracking
jeeliz.com
2.9k547
hiukim/mind-ar-js

Web Augmented Reality. Image Tracking, Face Tracking. Tensorflow.js

JavaScriptnpmMIT Licensewebarthreejs
2.7k508
viromedia/viro

ViroReact: AR and VR using React Native

JavaScriptnpmMIT Licensevrvirtual-reality
2.4k485
google-research-datasets/Objectron

Objectron is a dataset of short, object-centric video clips. In addition, the videos also contain AR session metadata including camera poses, sparse point-clouds and planes. In each video, the camera moves around and above the object and captures it from different views. Each object is annotated with a 3D bounding box. The 3D bounding box describes the object’s position, orientation, and dimensions. The dataset contains about 15K annotated video clips and 4M annotated images in the following categories: bikes, books, bottles, cameras, cereal boxes, chairs, cups, laptops, and shoes

Jupyter NotebookOtherdeep-learningcomputer-vision
2.3k267