Tag Archives: 3D

加速城市轨道交通发展,数字化运营新基建搭建地铁管理系统

HT for Web 自主研发了强大的基于 HTML5 的 2D、3D 渲染引擎,为可视化提供了丰富的展示效果。在 2D 组态 和 3D 组态 上,Hightopo(以下简称 HT )的 HT for Web 产品有着丰富的组态可供选择,本文将介绍运用 HT 丰富的 2/3D 组态 搭建出的一个 地铁数字孪生管理系统 。对于地铁这样规模庞大且人流密集的重大设施,监测、控制其环境质量,满足乘客的舒适度体验又能在紧急情况下保证乘客的人身安全是非常必要的。传统地铁环境控制系统采用自动化管理与控制系统,面对获取的大量运行状态监测数据,难以用可视化的方式呈现。将数字孪生技术与地铁环控系统相结合显得尤其有意义。地铁数字孪生管理系统[……]

Read more

工业互联网背景下的高炉炉体三维热力图监控系统

在当今 工业4.0 新时代的推动下,不仅迎来了 工业互联网 的发展,还开启了 5G 时代的新次元。而伴随着带宽的提升,网络信息飞速发展,能源管控上与实时预警在工业互联网中也占着举足轻重的地位。高炉作为钢铁产业十分重要的一环,它的数据监控和预警提示有着极为重要的价值和意义,下面我们将介绍一下使用 Hightopo(以下简称 HT ) 提供的技术通过 2/3D 融合搭建的高炉炉体三维热力图监控系统。高炉炉体整体效果[……]

Read more

分享数百个 HT 工业互联网 2D 3D 可视化应用案例之 2019 篇

继《分享数百个 HT 工业互联网 2D 3D 可视化应用案例》2018 篇,图扑软件定义 2018 为国内工业互联网可视化的元年后,2019 年里我们与各行业客户进行了更深度合作,拓展了 HT for  Web 在更多新领域的应用,图扑软件作为在工业可视化领域的一线重度参与者,我们觉得有必要将该话题作为系列文章,在此对 2019 年做个总结回顾和分享,依然希望:激发行业和学术工作者对可视化的深度思考,为推进国内工业互联网发展出份薄力!

2019 我们更新了数百个工业互联网2D/3D可视化案例集:http://www.hightopo.com/demos/index.html
Screen Shot 2020-02-08 at 4.33.31 PM

3D 交互拆解发动机引擎  https://hightopo.com/demo/engine/
engine

3D 病毒模拟视觉试验台  https://mp.weixin.qq.com/s/tihkEPb3w9O9ciuIQlGsFw
HIV

3D 科技感风机:https://mp.weixin.qq.com/s/DB43Ye-CdcBCWTiIaxuSIg
Screen Shot 2020-02-09 at 2.50.09 PM

3D 城市建筑群:https://mp.weixin.qq.com/s/L48aQPqYkS_EAqpDO1tWKw
Screen Shot 2020-02-09 at 2.58.27 PM

3D WebVR 虚拟现实仿真培训 https://mp.weixin.qq.com/s/vpR7p6qZafLtWYvMZNMO5A
webvr[……]

Read more

数百个 HTML5 例子学习 HT 图形组件 – 3D 建模篇

http://www.hightopo.com/demo/pipeline/index.html

screen-shot-2016-09-30-at-1-17-33-am

数百个 HTML5 例子学习 HT 图形组件 – WebGL 3D 篇》里提到 HT 很多情况下不需要借助 3Ds Max 和 Blender 等专业 3D 建模工具也能做出很多效果,例如 http://www.hightopo.com/guide/guide/core/3d/examples/example_3droom.html 这个 3D 电信机房监控例子整个都是通过 HT 提供的 API 构建而成。

对于这个餐座椅的例子,特别是一些不规则的花盆、酒杯、圣诞树和那颗爱心,很多人好奇我们是怎么搞出来的。其实蛮简单,就用了《HT for Web 建模手册》中的 createRingModel 和 createExtrusionModel 两个构建模型的函数,其中 createRingModel 顾名思义用来构建围绕一圈的环状模型,createExtrusionModel 用来构建基于某个形状的凸出效果,这两个函数生成的 3D 模型都是靠平面的 2D 图形衍生而来,都是靠 HT 系统中构建 2D 不规则多边形时采用的 Points 和 Segments 两个数组参数搞定, Points 和 Segments 的意义可参考 《HT for Web 形状手册》:
[……]

Read more

100行JS实现HTML5的3D贪吃蛇游戏

js1k.com收集了小于1k的javascript小例子,里面有很多很炫很酷的游戏和特效,今年规则又增加了新花样,传统的classic类型基础上又增加了WebGL类型,以及允许增加到2K的++类型,多次想尝试提交个小游戏但总无法写出让自己满意还能控制在这么小的字节范围。

自己写不出来,站在巨[……]

Read more