I would like to load multiple avatars into a scene. I would like to exchange heads between these avatars. I would like to share animations between all/most avatars
I need help/instructions
how to have avatars created in blender so we can export head separately, so it can be again combined in three.js
maybe example how to do this in three.js
I know a bit about programming, so do not think you can ‘scam’ me with hours. Don’t confuse a lack of knowledge on a subject, with a lack of brain.
Hi
I am three.js expert with 7+ years.
I have expensive experiences about three.js and React Three Fiber.
I know to load 3D avatars very well.
My Discord : blueocean7335
Kind Regards.
I have 5 years of hands-on experience in developing websites and applications using modern technologies such as React, react-three-fiber, react-three-drei, TypeScript, Tailwind CSS, Three.js, GSAP, and WebGL. I’ve also worked extensively with 3D models in various Three.js projects, including generating avatars from these models.
I’m confident my skills and experience would be a valuable asset to your project.
You both look like Indians eagerly looking for work, and then when I give it, you will fail. I did not have 1 single business relationship with India/Pakistan region that I can say, that went really well.
Hey,
Did you manage to find a solution for your task yet?
If not, here’s a quick explanation:
If you have a head model in Blender (or multiple heads), one thing you can do is export each head separately in GLB format and load them into a Three.js scene. If you have a lot of heads (like 30 or more), you can either find a Python script to export each mesh separately, or even use ChatGPT to help write one for you.
I don’t have a perfect example ready, but I did something similar in my portfolio project where I kept some meshes separate, like the clock hands and displays, while the walls and furniture were a single mesh. In that case, I exported everything in one file, but the concept is similar.
Yes and this is not entirely clear to me. I have sample scripts that can load multiple glb files (separate objects) into a scene. That is not really an issue, but I think they all need to be loaded into the same ‘object’ so you can apply the animation to that single ‘combined’ object.
I like this tested and receive a sample javascript for.
I had really problems playing this on my laptop to be honest. But I checked this browser console network and I see indeed that textures are all loaded separately.
I was thinking of doing this also but again, how to combine this? Maybe you need to do something like this
load head + load head texture, and combine.
load body + load body texture, and combine
combine head + body to single object
After I have this under control,
I would like to see if I can download these items over a websocket
do something with compressing, removing meshes from hidden body parts, normal zip?
yes drama, drama here with people, I have been struggling with people since covid tbh.
@Ashutosh_Tripathi My browser crashed, after that it loaded you scene better Not really fast, but much better. I don’t like to close the browser when I have so many tabs open
Maybe we can hop on a call to discuss this further and get a clearer understanding. To be honest, I don’t consider myself a great developer either, just learning along the way!
You mentioned having trouble running my website on your laptop, which is strange. Here’s a quick preview of the portfolio: x.com
