3D可视化

项目基于Vue 3 + Typescript + Vite + TroisJS

方案设计

这是在聚焦某个模型时，给其他非聚焦的模型切换为了一个透明的模型来实现的。

需要进行如下配置：

1、nodes.ts中，配置模型的时候，给其标注transparent: true属性，表示这是一个支持透明切换的模型

2、设计师导出的透明模型，命名格式必须严格遵循规范，等于非透明模型的名字加上-透明后缀

这也是通过切换模型来实现的。

1、nodes.ts中，配置模型的时候，通过status字段标注其状态，当前支持normal(正常)和notAchieved(未达标)，默认是normal

2、设计师导出的模型，命名格式必须严格遵循规范，未达标模型的名字加上-未达标后缀

3、全局增加预警开关，开启后，显示状态为异常的模型效果

1、在nodes.ts中配置模型信息

2、在edges.ts中配置模型的注解信息

我们想在轮播到某个模型的时候，给其展示不一样的注解信息。

1、在edges.ts中配置子注解的信息，注意注解id一定要确保是全局唯一的

2、(待优化为配置项)在wencai.vue的showAnnotation()和focus()方法中，进行逻辑配置

我们想在某个模型聚焦的时候，给其展示不一样的注解信息。

配置的位置，和设置轮播状态的模型子注解一样，但是注意逻辑是不同的，可以参考代码中Teacher是如何配置的。