AIModels

将Three.js与AI【meshy.ai第三方接口】技术完美融合,直出模型并导入场景调试和下载

AIModels

将Three.js与AI【meshy.ai第三方接口】技术完美融合,直出模型并导入场景调试和下载

预览截图

插件安装

本插件为TVT.js平台深度定制开发的源码包,如需在其他平台集成使用,建议进行适配性调整以实现最佳兼容效果。

1、点击右侧插件包下载,得到: 'AIModels.zip' , 并放在 `icegl-three-vue-tres/pluginMaker/install/`

2、请使用命令终端,自行定位到您电脑的目录

cd /icegl-three-vue-tres/

3、输入命里,安装插件

yarn plugin.marker install AIModels

4、启动预览模式即可:

yarn pre.dev

插件介绍

视频预览:

清晰版跳转 B站查看详情

    此插件将Three.js与AI【meshy.ai第三方接口】技术完美融合,只需用自然语言描述你的创意,三维模型即可在线快速生成!在Three.js中实时预览你的作品,还能下载到本地,开启无限创作可能。告别繁琐建模,拥抱即时创意!


主要功能:

    (1)自然语言生成3D模型。用户可以通过简单的自然语言描述自己的创意,插件利用AI技术快速生成对应的3D模型。这种方式无需用户手动建模,大幅降低了技术门槛,同时节省了时间,让创意实现变得更加高效。
    (2)实时预览与本地下载。生成的3D模型可以在Three.js中实时预览,用户可以立即查看效果并进行评估。此外,插件还支持将模型下载到本地,方便用户进一步调整或使用,增强了创作的灵活性和控制力。


应用场景:

    (1)设计与创意产业。设计师、建筑师和游戏开发者可以利用该工具快速原型化创意,加速设计流程。只需简单描述,AI即可生成3D模型,大幅节省建模时间,让专业人士将精力集中在创意优化上。

    (2)虚拟现实与增强现实(VR/AR)。在VR/AR开发中,快速生成3D模型是关键环节。该应用能显著缩短开发周期,帮助开发者即时预览和调整虚拟场景,从而提升开发效率。

    (3)个人爱好与DIY。3D打印、模型制作等爱好者可以通过自然语言描述快速生成模型,并下载到本地进一步调整,轻松实现个性化创意,同时降低技术门槛。


注意事项:

    1、在此插件中AI的API密钥作者已经赋值,使用者可以暂时用一段时间,后续若要继续使用,可自行到meshy官网注册账号(https://www.meshy.ai/settings/subscription),官网会赠送3天的pro会员。开发同学在使用该插件案例前需要在工程项目的talkBox.vue中将自己的API密钥赋值给变量apiKey即可。

    2、项目启动前为解决跨域问题,可在tvt框架的.fes.predev.js中,加入如下代码。


server: {
            proxy: {
                '/meshy': {
                    target: 'https://assets.meshy.ai',
                    changeOrigin: true,
                    rewrite: (path) => path.replace(/^\/meshy/, ''), 
                }
            }
        }
具体截图如下:


2025-03-05 15:10:09
测试完毕,并上架插件
版本正持续更新和优化,期待更多功能吧