Coder Social home page Coder Social logo

chatdollkit's Introduction

ChatdollKit

3D virtual assistant SDK that enables you to make your 3D model into a voice-enabled chatbot. ๐Ÿ‡ฏ๐Ÿ‡ตๆ—ฅๆœฌ่ชžใฎREADMEใฏใ“ใกใ‚‰

  • ๐Ÿ‡ฌ๐Ÿ‡ง Live demo English Say "Hello" to start conversation. This demo just returns what you say (echo).
  • ๐Ÿ‡ฏ๐Ÿ‡ต Live demo in Japaneseใ€Œใ“ใ‚“ใซใกใฏใ€ใจ่ฉฑใ—ใ‹ใ‘ใ‚‹ใจไผš่ฉฑใŒใ‚นใ‚ฟใƒผใƒˆใ—ใพใ™ใ€‚ไผš่ฉฑใŒใ‚นใ‚ฟใƒผใƒˆใ—ใŸใ‚‰ใ€้›‘่ซ‡ใซๅŠ ใˆใฆใ€Œๆฑไบฌใฎๅคฉๆฐ—ใฏ๏ผŸใ€ใชใฉใจ่žใใจๅคฉๆฐ—ไบˆๅ ฑใ‚’ๆ•™ใˆใฆใใ‚Œใพใ™ใ€‚

โœจ Features

  • 3D Model

    • Speech and motion synchronization
    • Face expression control
    • Blink and lipsync
  • Dialog

    • Speech-to-Text and Text-to-Speech (Azure, Google, Watson etc)
    • Dialog state management
    • Intent extraction and topic routing
    • ChatGPT with emotion engine
  • I/O

    • Wakeword
    • Camera and QR Code
  • Platforms

    • Windows / Mac / Linux / iOS / Android and anywhere Unity supports
    • VR / AR / WebGL / Gatebox

... and more! See ChatdollKit Documentation to learn details.

๐Ÿš€ Quick start

You can learn how to setup ChatdollKit by watching this 2 minutes video: https://www.youtube.com/watch?v=aJ0iDZ0o4Es

๐Ÿ“ฆ Import packages

Download the latest version of ChatdollKit.unitypackage and import it into your Unity project after import dependencies;

๐ŸŸ Resource preparation

Add 3D model to the scene and adjust as you like. Also install required resources for the 3D model like shaders etc. In this README, I use Cygnet-chan that we can perchase at Booth. https://booth.pm/ja/items/1870320

And, import animation clips. In this README, I use Anime Girls Idle Animations Free. I believe it is worth for you to purchase the pro edition๐Ÿ‘

๐ŸŽ Put ChatdollKit prefab

Put ChatdollKit/Prefabs/ChatdollKit or ChatdollKit/Prefabs/ChatdollKitVRM to the scene. And, create EventSystem to use UI components.

๐Ÿˆ ModelController

Select Setup ModelController in the context menu of ModelController. If NOT VRM, make sure that shapekey for blink to Blink Blend Shape Name is set after setup. If not correct or blank, set it manually.

๐Ÿ’ƒ Animator

Select Setup Animator in the context menu of ModelController and select the folder that contains animation clips or their parent folder. In this case put animation clips in 01_Idles and 03_Others onto Base Layer for override blending, 02_Layers onto Additive Layer for additive blending.

Next, see the Base Layer of newly created AnimatorController in the folder you selected. Confirm the value for transition to the state you want to set it for idle animation.

Lastly, set the value to Idle Animation Value on the inspector of ModelController.

๐Ÿฆœ DialogController

On the inspector of DialogController, set Wake Word to start conversation (e.g. hello / ใ“ใ‚“ใซใกใฏ๐Ÿ‡ฏ๐Ÿ‡ต), Cancel Word to stop comversation (e.g. end / ใŠใ—ใพใ„๐Ÿ‡ฏ๐Ÿ‡ต), Prompt Voice to require voice request from user (e.g. what's up? / ใฉใ†ใ—ใŸใฎ๏ผŸ๐Ÿ‡ฏ๐Ÿ‡ต).

๐Ÿฃ ChatdollKit

Select the speech service (Azure/Google/Watson) you use and set API key and some properties like Region and BaseUrl on inspector of ChatdollKit.

๐Ÿณ Skill

Attach Examples/Echo/Skills/EchoSkill to ChatdollKit. This is a skill for justs echo. Or, attach Examples/ChatGPT/Skills/ChatGPTSkill and set OpenAI API Key if you want to enjoy conversation with AI๐Ÿ˜Š

๐Ÿค— Face Expression (NON VRM only)

Select Setup VRC FaceExpression Proxy in the context menu of VRC FaceExpression Proxy. Neutral, Joy, Angry, Sorrow and Fun face expression with all zero value and Blink face with blend shape for blink = 100.0f are automatically created.

You can edit shape keys by editing Face Clip Configuration directly or by capturing on inspector of VRCFaceExpressionProxy.

๐Ÿฅณ Run

Press Play button of Unity editor. You can see the model starts with idling animation and blinking.

  • Say the word you set to Wake Word on inspector (e.g. hello / ใ“ใ‚“ใซใกใฏ๐Ÿ‡ฏ๐Ÿ‡ต)
  • Your model will reply the word you set to Prompt Voice on inspector (e.g. what's up? / ใฉใ†ใ—ใŸใฎ๏ผŸ๐Ÿ‡ฏ๐Ÿ‡ต)
  • Say something you want to echo like "Hello world!"
  • Your model will reply "Hello world"

๐Ÿ‘ทโ€โ™€๏ธ Build your own app

See the MultiSkills example. That is more rich application including:

  • Dialog Routing: Router is an example of how to decide the topic user want to talk
  • Processing dialog: TranslateDialog is an example that shows how to process dialog

We are now preparing contents to create more rich virtual assistant using ChatdollKit.

๐ŸŒ Run on WebGL

Refer to the following tips for now. We are preparing demo for WebGL.

  • It takes 5-10 minutes to build. (It depends on machine spec)
  • Very hard to debug. Error message doesn't show the stacktrace: To use dlopen, you need to use Emscriptenโ€™s linking support, see https://github.com/kripken/emscripten/wiki/Linking
  • Built-in Async/Await doesn't work (app stops at await) because JavaScript doesn't support threading. Use UniTask instead.
  • CORS required for HTTP requests.
  • Microphone is not supported. Use ChatdollMicrophone that is compatible with WebGL.
  • Compressed audio formats like MP3 are not supported. Use WAV in TTS Loaders.
  • OVRLipSync is not supported. Use uLipSync and uLipSyncWebGL instead.
  • If you want to show multibyte characters in message window put the font that includes multibyte characters to your project and set it to message windows.

โค๏ธ Thanks

chatdollkit's People

Contributors

nakazax avatar uezo avatar

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.