Home » Posts tagged "HTML5"

基于 HTML5 WebGL 的挖掘机 3D 可视化应用

在工业互联网以及物联网的影响下,人们对于机械的管理,机械的可视化,机械的操作可视化提出了更高的要求。如何在一个系统中完整的显示机械的运行情况,机械的运行轨迹,或者机械的机械动作显得尤为的重要,因为这会帮助一个不了解这个机械的小白可以直观的了解机械的运行情况,以及机械的所有可能发生的动作,对于三一或者其它国内国外重工机械的公司能够有一个更好的展示或者推广。挖机机械运动效果[......]

Read more

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

过去的 2018 年,我们认为是国内工业互联网可视化的元年,图扑软件作为在工业可视化领域的重度参与者,一线见证了众多 HTML5/Web 化、2D/3D 化的项目在工业界应用落地,我们觉得有必要在此分享下过去一年,基于 HT 实施的数百个工业互联网 2D 3D 可视化应用案例,希望能激发行业和学术工作者对可视化的深度思考,为推进国内工业互联网发展出份薄力。 数百个工业互联网2D/3D可视化案例集:http://www.hightopo.com/demos/index.html Screen Shot 2019-03-31 at 7.50.39 PM 提到工业互联网往往会涉及:物联网、IoT、5G、数字孪生、边缘计算、PaaS平台、SaaS应用、产业互联网、互联网+、工业4.0、智慧城市、智慧园区、智慧楼宇、智能制造等概念,但本文将围绕可视化的话题,围绕更基础的 HTML5/WebGL/WebVR 等底层技术,我们觉得业界还没达到智能化、平台化的成熟阶段,走得太快即使是 GE Predix 也会从明星变流星,了解垂直行业需求,采集足够多有效数据,做好实时的、稳定的、美观的、Web 化的 2D 和 3D 数据可视化呈现,是工业互联网需要走好的第一步。 3D城市建筑群:http://www.hightopo.com/demo/intelligent-city/entry/dest/index.html HT 3D动车站:https://hightopo.com/demo/BulletTrainStation/index.html 动车站场景 3D海上钻井平台:http://www.hightopo.com/demo/drilling-platform/ 海上钻井平台 3D水泥工厂工艺流程:http://www.hightopo.com/demo/CementFactory/ 水泥工厂 3D转油站管网设备监控系统:http://www.hightopo.cn/demo/transfer-station/index.html 转油站管网设备监控系统 3D高炉炼铁工业流程:http://www.hightopo.com/demo/large-screen-puddling/ 炼铁 3D机房可视化:http://www.hightopo.com/demo/intelligent-idc/ idc 2.5D活塞式冷水机组:http://www.hightopo.com/demo/cooling/ 活塞式冷水机组 2D换热站监控系统:http://www.hightopo.com/demo/heat-station/blue/ 换热站远程监控系统 油田计量站3D可视化监控系统:http://www.hightopo.cn/demo/metering-station/ 油田计量站3D可视化 3D中石化加油站:http://www.hightopo.com/demo/ht-gas-station/ 中石化加油站 【求贤若渴】微信:13564678417 简历:eric@hightopo.com http://www.hightopo.com/demo/joinus/ joinus 感谢您如此耐心读到此,不妨认真考虑一下:http://www.hightopo.com/joinus.html[......]

Read more

数百个 HTML5 例子学习 HT 图形组件 – 拓扑图篇

HT 是啥:Everything you need to create cutting-edge 2D and 3D visualization.

这口号是当年心目中的产品方向,接着就朝这个方向慢慢打磨,如今 HT 算是达到了这样的效果,谈不上用尽洪荒之力,但我们对产品结果很满意,特别是 HT 的用户手册,将例子和文档无缝融合一体,小小 10 来兆开发包居然包含了四十五份手册,数百个活生生的 HTML5 例子,还没体验过的同学可以点击 http://www.hightopo.com/guide/readme.html HT 手册入口玩一玩。

这样综合并可搜索的手册入口居然还常被问及 HT 的 Demo 在哪里?只能怪这些年深入人心的极致用户体验理念,把人惯得包括很多程序员都如此之“懒”,当然也怪我们没把用户体验的最后一公里做到位,于是最近 wangyinlong 同学人工例子抓图,将数百个手册例子进行了归类整理,最终形成了方便大家直观查找所有 HT 例子的页面:http://www.hightopo.com/demos/index.html

Screen Shot 2016-08-09 at 4.46.48 PM[......]

Read more

HTML5的WebGL实现的3D和2D拓扑树

在HT for Web中2D和3D应用都支持树状结构数据的展示,展现效果各异,2D上的树状结构在展现层级关系明显,但是如果数据量大的话,看起来就没那么直观,找到指定的节点比较困难,而3D上的树状结构在展现上配合HT for Web的弹力布局组件会显得比较直观,一眼望去可以把整个树状结构数据看个大概,但是在弹力布局的作用下,其层次结构看得就不是那么清晰了。所以这时候结构清晰的3D树的需求就来了,那么这个3D树具体长成啥样呢,我们来一起目睹下~[......]

Read more

iOS平台快速发布HT for Web拓扑图应用

iOS平台一直是封闭的生态圈,iOS开发者要缴纳年费加入开发者计划才可进行iOS平台的APP开发测试,所开发的APP需要上传到App Store经过苹果审核以后才可对外发布。如果要开发企业内部应用,则要缴纳更高的费用购买企业账户才可以。 对于现在火如荼的HTML5应用,我们可以借助PhoneGap对其打包,然后像原生APP一样发布它们;或者要求用户直接通过浏览器访问。前一种方式的优点是用户体验好,用户可以像使用原生APP那样使用它们,缺点是发布很繁琐,而且要等待苹果审核。后一种方式则完全不用考虑发布的问题,但是用户体验比较差,毕竟让用户打开浏览器,自行输入网址对用户操作水平要求较高。今天我们介绍另外一种方式,这种方式综合了前面两种方式的优点,特别适合部署企业内部应用。 [......]

Read more