腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

hightopo

专栏作者

186

文章

215895

阅读量

84

订阅数

HT图形组件设计之道（二）

上一篇我们自定义CPU和内存的展示界面效果，这篇我们将继续采用HT完成一个新任务：实现一个能进行展开和合并切换动作的刀闸控件。对于电力SCADA和工业控制等领域的人机交互界面常需要预定义一堆的行业标准控件，以便用户能做可视化编辑器里，通过拖拽方式快速搭建具体电力网络或工控环境的场景，并设置好设备对应后台编号等参数信息，将拓扑图形与图元信息一并保存到后台，实际运行环境中将打开编辑好的网络拓扑图信息，连接后台实时数据库，接下来就是接受实时数据库发送过来的采集信息进行界面实时动态刷新，包括用户通过客户端对设备进行

2018-07-09

5830

HT for Web可视化QuadTree四叉树碰撞检测

数据结构数据库游戏

QuadTree四叉树顾名思义就是树状的数据结构，其每个节点有四个孩子节点，可将二维平面递归分割子区域。QuadTree常用于空间数据库索引，3D的椎体可见区域裁剪，甚至图片分析处理，我们今天介绍的是QuadTree最常被游戏领域使用到的碰撞检测。采用QuadTree算法将大大减少需要测试碰撞的次数，从而提高游戏刷新性能，本文例子基于HT for Web的图形引擎，通过GraphView和Graph3dView共享同一数据模型DataModel，同时呈现QuadTree算法下的2D和3D碰撞视图效果：htt

2018-07-09

7970

HTML5实现3D和2D可视化QuadTree四叉树碰撞检测

html5 数据结构数据库游戏

QuadTree四叉树顾名思义就是树状的数据结构，其每个节点有四个孩子节点，可将二维平面递归分割子区域。QuadTree常用于空间数据库索引，3D的椎体可见区域裁剪，甚至图片分析处理，我们今天介绍的是QuadTree最常被游戏领域使用到的碰撞检测。采用QuadTree算法将大大减少需要测试碰撞的次数，从而提高游戏刷新性能，本文例子基于HT for Web的Canvas拓扑图和WebGL的3D引擎组件，通过GraphView和Graph3dView共享同一数据模型DataModel，同时呈现QuadTree算

2018-07-09

6290

原基于HTML5技术的电力3D监控应用（

html5 自动化数据库

最近参与了国网计量中心的四线一库自动化检定系统的项目开发，团队封闭开发了大半年终于快到尾声了，整个项目过程实在非常累，我的mentor杨杨老师是这样描述的：累的不想说话了。我估计是我太渴望新知识，整天不断问他问题把他搞烦了。对我这种新人来说还是相当充实的，整个系统需要和硬件厂家对接采集硬件数据，需要和实时数据库厂家对接实时数据，需要和视频厂家对接视屏界面组件，还要和国家电网的业务专家请教业务知识，我从只会写代码的程序员慢慢变得也喜欢和人打交道了。对于我最有意义的是我终于可以真正从事基于HTML

2018-06-05

6200

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态