原文:基于 HTML5 WebGL 的 3D “弹力”布局

分子力 molecular force ,又称分子间作用力 范得瓦耳斯力,是指分子间的相互作用。当二分子相距较远时,主要表现为吸引力,这种力主要来源于一个分子被另一个分子随时间迅速变化的电偶极矩所极化而引起的相互作用 当二分子非常接近时,则排斥力成为主要的,这是由于各分子的外层电子云开始重叠而产生的排斥作用。 HT for Web 提供了弹力布局 也称为力导向布局 的功能,即根据节点之间存在互斥力 ...

2017-11-22 23:48 3 870 推荐指数:

查看详情

基于 HTML5 WebGL3D 科幻风机

前言   许多世纪以来,风力机同水力机械一样,作为动力源替代人力、畜力,对生产力的发展发挥过重要作用。近代机电动力的广泛应用以及二十世纪50年代中东油田的发现,使风机发电机的发展缓慢下来。 ...

Thu Jan 02 18:07:00 CST 2020 2 919
基于 HTML5 WebGL3D 机房

前言 用 WebGL 渲染的 3D 机房现在也不是什么新鲜事儿了,这篇文章的主要目的是说明一下,3D 机房中的 eye 和 center 的问题,刚好在项目中用上了,好生思考了一番,最终觉得这个例子最符合我的要求,就拿来作为记录。 效果图 http://hightopo.com/demo ...

Fri Mar 16 15:59:00 CST 2018 4 4498
基于 HTML5 WebGL3D 科幻风机

前言   许多世纪以来,风力机同水力机械一样,作为动力源替代人力、畜力,对生产力的发展发挥过重要作用。近代机电动力的广泛应用以及二十世纪50年代中东油田的发现,使风机发电机的发展缓慢下来。 ...

Wed Dec 11 16:31:00 CST 2019 0 357
HTML5WebGL实现的3D和2D拓扑树

在HT for Web中2D3D应用都支持树状结构数据的展示,展现效果各异,2D上的树状结构在展现层级关系明显,但是如果数据量大的话,看起来就没那么直观,找到指定的节点比较困难,而3D上的树状结构在展现上配合HT for Web的弹力布局组件会显得比较直观,一眼望去可以把整个树状结构数据 ...

Fri Feb 19 06:05:00 CST 2016 8 2322
基于 HTML5 + WebGL 实现 3D 挖掘机系统

前言 在工业互联网以及物联网的影响下,人们对于机械的管理,机械的可视化,机械的操作可视化提出了更高的要求。如何在一个系统中完整的显示机械的运行情况,机械的运行轨迹,或者机械的机械动作显得尤为的重要, ...

Thu Nov 14 01:04:00 CST 2019 3 781
基于 HTML5 WebGL3D 智慧隧道漫游巡检

前言 这次为大家展示的是通过 HT for Web 灵活的图型化编辑工具打造的智慧隧道监控系统。通过 HTML5 技术实现了桌面和移动端的跨平台性,同时现实了可视化运维。 这次主要跟大家分享里面的漫游巡检功能,完美进行第一人称视角体验整体结构环境,酷似游戏一样给人一种真实的感受,比平面 ...

Tue Jun 04 16:53:00 CST 2019 5 458
基于HTML5 WebGL实现3D飞机叶轮旋转

在上一篇《基于HT for Web矢量实现2D叶轮旋转》中讲述了叶轮旋转在2D拓扑上的应用,今天我们就来讲讲叶轮旋转在3D上的应用。 在3D拓扑上可以创建各种各样的图元,在HT for Web系统中提供了一些常规的3D模型,但是对于那些比较复杂的模型,比如汽车、人物等模型就无能为力了,那再项目 ...

Fri Oct 16 21:09:00 CST 2015 0 2422
基于 HTML5 + WebGL 的太阳系 3D 展示系统

前言 近年来随着引力波的发现、黑洞照片的拍摄、火星上存在水的证据发现等科学上的突破,以及文学影视作品中诸如《三体》、《流浪地球》、《星际穿越》等的传播普及,宇宙空间中那些原本遥不可及的事物离我们越来 ...

Wed Dec 04 17:52:00 CST 2019 4 1017
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM