Giter Site home page Giter Site logo

nnmykn / kalidoface-3d Goto Github PK

View Code? Open in Web Editor NEW

This project forked from yeemachine/kalidoface-3d

0.0 0.0 0.0 13.79 MB

Face and Body Tracking for VRM 3D models on the web.

Home Page: https://3d.kalidoface.com

License: Other

JavaScript 4.57% HTML 95.43%

kalidoface-3d's Introduction

Kalidoface 3D - Face and Full-Body tracking for Vtubing on the web!

A sequal to Kalidoface which supports Live2D avatars, Kalidoface 3D is a web app that brings support for 3D Vtuber avatars. It now features more dynamic camera angles, and even full-body tracking options using the latest Mediapipe human pose detection models. Add the web app to your homescreen to use it in standalone full screen or even use it in OBS as a browser object directly.

ko-fi

Kalidoface Face Tracking Kalidoface Pose Demo

Use your own VRM 3D models

Kalidoface 3D works with VRM 3D models. Just drag and drop your own .vrm files to add your Vtuber character. Might support other types of 3D human models if they're easy to implement.

Models are saved locally so you won't need to reupload them next visit!

VRM file support

Call a friend

Share your 6 digit code with a friend to start a private voice call using virtual avatars! Now updated with new selfie and first person camera modes.

Peer to Peer chat

Upload custom background

Upload image backgrounds, or use the included chroma key colors for keying in special software such as OBS. You can also upload resizeable gif stickers to use as props for your videos/streams. Uploaded images are also saved locally for the next time you visit!

Panorama Background

Add resizeable stickers

Add image/gif stickers that you can resize and use as props for videos or streaming.

Chroma Keys

All sample VRM models are not mine and credit should go to the creators on Vroid Hub.

OBS Integration

To use Kalidoface directly in a Browser object in OBS, you need the -use-fake-ui-for-media-stream and --allow-file-access-from-files flags enabled. This is used to get access to the webcam and to allow custom This can be done through a terminal/command prompt. Below is a sample to get it running on mac. Just add the 2 prompts right after the path to your OBS application.

/Applications/OBS.app/Contents/MacOS/OBS -use-fake-ui-for-media-stream --allow-file-access-from-files

Standalone Tracking Library

Interested in making your own Vtuber app? Kalidoface is a JS library that solves for face, full body, and hand tracking.

Kalidokit Template

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.