How to import ConvAI 3D character from ConvAI Playground using CharacterID into a React application?

Original Discord Post by darkclaw5703 | 2024-10-18 22:46:51

I’m building a React/Node.js restaurant website and want to integrate a 3D character chatbot. I’ve created a character in the ConvAI Playground and want to import it into my web app using the CharacterID. It works with the Unity plugin, but how can I do this for the web? Do I need the .glb files locally, or is there a way to do it directly?

Thanks!

Reply by darkclaw5703 | 2024-10-18 22:47:15

<@1023671043287699568> <@368669084952428554> Please help Guys! :smile:

Reply by k3kalinix | 2024-10-18 22:48:58

Embedded Content:
Interactive 3D virtual worlds with AI Characters on Your Browser | …
Welcome to our ThreeJS tutorial on creating 3D virtual worlds with Convai-powered AI characters, that run in your web browser. With Convai, these AI characters can speak with you in natural language, perform complex actions easily and also perceive objects in their surrounding. Explore what Convai has to offer, by downloading a custom environmen…
Link: https://www.youtube.com/watch?v=hOqtVLGXwKU

Reply by darkclaw5703 | 2024-10-18 22:54:15

Yeah, I already saw this and this wasnt my Question :smile:

Reply by darkclaw5703 | 2024-10-18 22:55:04

With the Unity plugin you can change the Avatar by just changing Character-ID, and import one as well. I don’t see any docs to do that with the Web SDK

Reply by k3kalinix | 2024-10-18 22:57:38

Unity is different platform

Reply by k3kalinix | 2024-10-18 22:58:18

As we said in the video, you need to download the GLB file manually.

Reply by darkclaw5703 | 2024-10-18 22:58:54

Alright, that’s helpful <3. Thanks for clearing that out. Also it would be Great if you could consider this a Feature request then :smile:

Reply by darkclaw5703 | 2024-10-18 22:59:02

Thanks <@1023671043287699568>

Reply by k3kalinix | 2024-10-18 22:59:22

FYI: <@368669084952428554>

This conversation happened on the Convai Discord Server, so this post will be closed.