Tag Archives: WebGL

智慧船舶带来港口革命，可视化成为主力军

自动化港口和船舶依托新基建和新科技势能，积极抢抓数字化转型先机，把数据作为企业的核心资源，运用 Hightopo 自主研发的 HT for Web 可视化产品，擦亮绿色发展底色，解决传统码头和船舶能耗高、成本高、污染大等问题。[……]

还在为大屏分辨率困扰？图扑提供响应式（自适应）可视化大屏

数据可视化在当下信息时代已经成为炙手可热的话题，而 B/S 化趋势，也使得许多大屏应用上在网页端出现，今天给大家分享一套不一样风格的大屏页面，与传统深蓝色不同，这次采用了暗红色设计，搭配粉色及黄色，加入了一些工业元素，让页面有别具一格的效果。而 Hightopo 独特的自适应机制，也解决了大屏需要针对分辨率设计的困扰，达到了可以一页用多屏的效果。
海上平台作业可视化 [……]

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

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

2019 我们更新了数百个工业互联网2D/3D可视化案例集：http://www.hightopo.com/demos/index.html

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

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

3D 科技感风机：https://mp.weixin.qq.com/s/DB43Ye-CdcBCWTiIaxuSIg

3D 城市建筑群：https://mp.weixin.qq.com/s/L48aQPqYkS_EAqpDO1tWKw

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

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

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

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

过去的 2018 年，我们认为是国内工业互联网可视化的元年，图扑软件作为在工业可视化领域的重度参与者，一线见证了众多 HTML5/Web 化、2D/3D 化的项目在工业界应用落地，我们觉得有必要在此分享下过去一年，基于 HT 实施的数百个工业互联网 2D 3D 可视化应用案例，希望能激发行业和学术工作者对可视化的深度思考，为推进国内工业互联网发展出份薄力。

数百个工业互联网2D/3D可视化案例集：http://www.hightopo.com/demos/index.html

提到工业互联网往往会涉及：物联网、IoT、5G、数字孪生、边缘计算、PaaS平台、SaaS应用、产业互联网、互联网+、工业4.0、智慧城市、智慧园区、智慧楼宇、智能制造等概念，但本文将围绕可视化的话题，围绕更基础的 HTML5/WebGL/WebVR 等底层技术，我们觉得业界还没达到智能化、平台化的成熟阶段，走得太快即使是 GE Predix 也会从明星变流星，了解垂直行业需求，采集足够多有效数据，做好实时的、稳定的、美观的、Web 化的 2D 和 3D 数据可视化呈现，是工业互联网需要走好的第一步。

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

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

《数百个 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 形状手册》：
[……]

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

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

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