model-viewer VS trois

I came across this after finding out about chatvrm https://modelviewer.dev and I was wondering if it would be possible to implement it into silly tavern or if anyone knows of similar extensions? I might try it myself but I really have no idea what I am doing but it would be cool to add any video game character to it with animations for a more realistic rp experience.

Shameless plug: if you are interested in viewing and/or embedding glTF or USDZ files on the web, I worked on an HTML element for that called

"It's like or tag for 3D models"

https://modelviewer.dev/

That said, maybe in your case, if it's a really minimal 3D viewer, it could be that the modelviewer.dev could what you need. You can use it like any other html element and just link it to a 3D model you export from blender as a .glb file. I think it also allows you to add labels.

something free like github pages where can I load fore free about 60mb? basically I am using modelviewer.dev to render a 3d model, but I can't insert it directly into my website because I am using google sites, so I though about using an iframe via github but I am limited to 25mb, which the model is about 40/50mb I can't make it smaller

Anyways, I would suggest that you use package by google. You can find it here: https://modelviewer.dev/ .. It takes care of loading the model and controls as well as show the "view in AR" button on supporting devices. More important than anything, you just give it the model and it takes care of everything else.

I was going to use this: https://modelviewer.dev/

I'd like to get the google 3d model-viewer working on Ordinals: https://modelviewer.dev/

Part of the reason is because libraries like Paper.js, Pixi.js, and Three.js are working with canvas, which doesn't have inner DOM elements. But the, I remembered Trois.js and it's amazing API for rendering 3D scenes via components.

Because of this, many libraries emerged with the aim of using Three.js inside a framework. I have tried Angular Three and Trois.js for Vue but I prefer React Three Fiber because of its large community, examples and documentation but feel free to give a try to the other ones.

As a Web 3D developers, I emphasis, the past years haven't been kind, the learning curve was steep and a lot of work has to be done to get a decent product, but I believe the trend is changing, the technology is getting more accessible and more recognized, a lot JavaScript libraries/frameworks are integrating three.js (React Fiber, Vue Trois ...) to their ecosystem extending the community, there are also more WebGL based editors some using three.js as an engine (Spline, Vectary ...) while they're far from being blender or 3ds Max, and they'll probably never will be, they're in active development and a good starting point toward a more software based development.

- VueUse (https://vueuse.org/) - Pinia (https://pinia.vuejs.org/) - Vite (obvs) - Tailwind as mentioned - Added Oruga :) - TroisJS (https://troisjs.github.io/) when I want to go 3d - Netlify CMS (I rely heavily on Netlify, at this point) Not going to use everything always, but this gives me the flexibility to go anywhere I want, with Vue at the heart of it all.

⚡️ ViteJS / HMR Really fast development time with ViteJS/HMR ! Useful to create awesome 3D scenes. https://troisjs.github.io/

TroisJS : https://github.com/troisjs/trois