AI Characters in Web Browser using ThreeJS and Reallusion Character Creator | Convai 3JS Tutorial
Convai powers the minds of 3D avatars in virtual worlds. In this video, we’ll be guiding you on integrating Convai’s AI functionalities with a @reallusion Avatar, all on your web browser using Three.js and React. Using Convai, you can effortlessly add complex AI functionalities to your Reallusion character, enabling dynamic natural conversations, scene perception, actions, and various animations. Level up your web projects with Convai today!
Sign up at https://convai.com to try it out. Also, stay updated with all things Convai by reading our blogs at https://convai.com/blog.
Visit the Convai Developer Forum – our dedicated community and support team are here to help with bug reports and technical queries. Get the support you need and connect with other developers to enhance your experience.
Convai Developer Forum: https://forum.convai.com/
Reallusion Web example [Github] : https://github.com/Conv-AI/Reallusion...
RPM Lipsync example (Github): https://github.com/Conv-AI/RPM-Lipsync/
Blender add-ons: https://github.com/soupday/cc_blender...
React-three-fiber: https://docs.pmnd.rs/react-three-fibe...
Three.js: https://threejs.org/
Actor Core (Reallusion Characters): https://actorcore.reallusion.com/
Timestamps:
00:00 Intro
00:45 Export Character From Reallusion's CC4
01:17 Export Character Animations
02:38 Setting Up Blender Add-Ons
03:12 Importing Character to Blender
04:54 Exporting Character from Blender
05:05 Set-Up Animations in Blender
06:37 Craft the Character Mind with Convai
07:37 Setting Up the Code
08:04 3D Environment Set-Up
14:09 Importing Crowd Characters from Reallusion
14:54 Set-Up Ready Player Me Characters
15:27 Outro
Follow us on your favorite platforms to stay in touch:
Convai Developer Forum: https://forum.convai.com/
LinkedIn: / convaitech
Reddit: / convai
Twitter: / convaitech
Instagram: / conv.ai
Facebook: / convaiofficial
TikTok: / conv.ai
ArtStation: https://www.artstation.com/convai