
HOOPS Visualize Web 具有强大的、专用的高性能图形内核,专注于基于 Web 的高级 3D 工程应用程序。其由 HOOPS Server 和 HOOPS Web Viewer 两大部分组成,同时提供了 HOOPS Converter、Authoring 用于转换和轻量化模型,采用了先进的流式加载方式,并支持服务端和客户端渲染,是可以在云端进行部署和无缝集成的新技术平台。
2026 年 1 月,Tech Soft 3D 发布了 HOOPS Visualize Web 2026.1.0,该版本不仅继续提升渲染与交互能力,更在开发者体验、可扩展性和视觉表现力上实现了关键性跨越。围绕开源 UI 组件库、全新材质管理接口以及更精细的渲染模式控制,本文将解读这些更新如何影响 3D Web 可视化开发的未来。
全新开源 UI 组件库:构建现代 WebViewer 应用利器
在 3D Web 可视化领域,用户体验往往不仅来自渲染质量本身,还依赖于灵活、易用的前端 UI 框架。在 2026.1.0 版本中,HOOPS Visualize Web 推出了全新的 UI 组件库并开源至官方 GitHub 仓库,使前端界面的开发和定制进入真正的模块化时代。
传统上,WebViewer 的 UI 常被内嵌在示例或模板代码中,修改和迭代极易导致维护成本攀升。而新的组件库基于现代 Web 组件标准,可在 React、Vue、Lit 等主流框架中自由组合和封装,适配企业级应用和自定义交互需求。这不仅让 HOOPS WebViewer 的基础 UI 更容易构建和复用,还为开发者节省了大量前端实现成本。
对比过去的固定 UI 模式,新 UI 组件库的核心优势包括:
- 组件化架构——UI 单元可按需引入,降低初始加载;
- 易于自定义与集成——与现代前端框架生态无缝集成;
- 示例模板全面升级——兼容组件库的全新 HTML 模板已发布,帮助开发者快速启动项目。
应用场景举例:
- 产品配置工具中需要自定义 toolbar、属性面板、测量工具等;
- 内嵌至复杂业务系统时需要多主题/布局支持;
- 多语言或国际化前端需要 UI 组件更灵活地适配本地化规范。
对比早期版本中 UI 靠内嵌逻辑实现的方式,全新的组件库让实现复杂交互成为可能,而不是开发者被动适配现有 UI,这对提升 3D Web 应用用户体验和开发效率具有里程碑意义。
IMaterial 接口正式上线:精细控制材质管理,引擎级开发体验进化
Web 3D 开发中,材质是呈现真实感和细腻视觉效果的重要因素之一。而在过去版本中,材质相关的属性往往分散在不同 API 中,导致代码维护复杂且开发者难以统一管理视觉属性。
HOOPS Visualize Web 2026.1.0 引入了 IMaterial 接口,这是一个专门用于材质属性管理的顶层 API 接口,集中封装了所有 WebViewer 支持的材质属性和方法。
该接口的上线带来了几项关键价值:
精准统一材质控制 开发者可通过 IMaterial 直接对单个对象或模型体的材质进行设置与修改,无需手动组合各属性方法,提高开发效率。
改进性能与可维护性 由于所有材质相关 API 都通过统一接口管理,代码一致性更高、逻辑更清晰,同时提升了可维护性及调试效率。
支持未来扩展 IMaterial 可作为未来扩展色彩空间、纹理映射或 PBR 属性的基础框架,为引擎进一步扩展做好准备。
对于需要根据业务逻辑动态改变材质(如选中变色、状态标识高亮等)的场景(比如数字孪生、装配检查系统等),IMaterial 接口提供了整洁且高效的操作路径。
针对单个 Body 的 Gooch / Toon / XRay 绘制模式支持:提升表达力与分析能力
在 3D 可视化中,渲染风格不仅仅是美观问题,更直接影响信息表达能力。不同的渲染模式可以用来强调结构、边界或复杂关系。
在 2026.1.0 中,实现了对单个'Body'级别的 Gooch、Toon 和 XRay 绘制模式设置(区别于全局 draw mode)。这意味着开发者可以对不同部件采用不同视觉风格,而不再局限于全局视图切换。


