TvT初学习和一点点笔记总结~~~

发布于 2026-02-11 21:49:58

一、整体理解:

TvT.js 本质是一套基于 Fes.js 插件体系 + qiankun 微前端 + Tres.js + Three.js 渲染的数字孪生快速开发框架。它把每个孪生场景做成独立插件,通过微前端嵌入主应用,既保证工程化可维护,又能快速交付不同行业/项目的 3D 场景。

二、插件化

使用 fes.js 的插件化技术,可以避免代码随项目的扩张而不断膨胀。因为数字孪生场景都是跟着项目走的,不少情况下客户希望有自己独有的建模。当然如果客户没有很高的需求,也有复用的可能,这时可以使用区域场景编辑器对已有插件进行一定调整来满足客户需求。
数字孪生项目需要的后台数据通常来说是少量实时数据(相比于有数据流动的信息管理系统数据量、数据类型要少很多),所以需要的后台接口也相对较少。而正是这种业务情景使得数孪业务天然适合插件化。

三、快速落地

使用 qiankun 微前端可以使 tvt 快速接入其他已有项目。对现有项目基本无侵入,而且通过 tvt 可以随时更换插件以适应不同项目的现场需求,可维护性可扩展性相当高,那叫一个优雅。

四、区域场景编辑器

当客户对于数字孪生的要求不高,需求不明确时,可以复用已有代码进行二开来尽可能快速地满足客户需求。这是区域场景编辑器的核心作用。
基于区域场景编辑器,结合具体业务,也可以实现模型空间位置的动态调整等需求(有的场景下,设备可能随着生产的推进位置发生变动)。

五、插件设计

前面几点是 tvt 提供的底座功能,它让 Web 3D 开发者和具体业务解耦,可以专注于模型组件的开发。而具体到插件设计,tvt 也封装扩展了 threejs 和 tresjs 的一些功能,它让开发者可以更快速地上手些自己的 tvt 插件。

六、个人感受

作为一个后端开发(前端用 Vue 结合 AI 参与过一些开发),说实话我对于 TvT 的理解肯定还是比较浅显的。但是我能明显感受到 TvT 要干一件大事。它要做的不仅是一个开源框架,更是一个社区。它想降低 web 3D 开发落地的门槛,让更多开发者参与并聚集起来,让更多人看到 Web 3D 的无限可能。
看完最近社区在 B 站直播的回放,真的收获满满,感觉直接推开了一扇全新的技术大门。hawk 哥对技术的赤诚热爱格外打动人,我能真切看到他眼里的光;图形学大佬冰哥不仅产出了超多优质免费教程,在 AI 与开源方向的深度思考,更让我受益匪浅。其他几位插件达人的分享也干货满满,尤其是 mc 案例中提到的「技术的深度决定项目能走多远,对法律的理解决定项目能走多久」,这句话让我印象极深,学到太多。感谢各位大佬的无私分享!

1 条评论

发布
问题