- 综合排序
- 最热优先
- 最新优先
- 来自专栏hightopo
WebGL 3D 工业隧道监控实战
前言 监控隧道内的车道堵塞情况、隧道内的车祸现场，在隧道中显示当前车祸位置并在隧道口给与提示等等功能都是非常有必要的。 代码实现 场景搭建 整个隧道都是基于 3D 场景上绘制的，先来看看怎么搭建 3D 场景： dm = new ht.DataModel();//数据容器 g3d = new ht.graph3d.Graph3dView (dm);// 3d 场景 g3d.addToDOM();//将场景添加到 body 中 上面代码中的 addToDOM 函数，是一个将组件添加到 body 体中的函数的封装，定义如下： addToDOM 中，要显示这个文字提示信息，就需要设置 g3d.enableToolTip() 函数，默认 3d 组件是关闭这个功能的。 , 'shape3d.image': imageUrl, 'shape3d.image.cache': true }); g3d.invalidateShape3dCachedImage
1.5K20发布于 2018-07-06 - 来自专栏腾讯云 DNSPod 团队
D监控：如何读懂D监控通知详情
好多同学在收到D监控宕机通知的邮件后，发现自己网站还能访问，并没有宕机，认为这是D监控的误报。 其实D监控的报警策略是很严谨的：每个网站都会被至少3个监测点监控，只有所有监测点都不能访问您的网站才会给予报警。 比如看上图，该网站有“深圳联通”，“上海电信”和“汕头移动”三个监测点，在13点10分之前每个监控点都能正常访问网站。 但在13:10的时候各监测点均不能访问该网站。 监测点的IP列表：https://support.dnspod.cn/Kb/showarticle/tsid/16 3、 如果您的服务器在国外VPS，国内的云主机上，出现网络问题的几率比较大，因为这些服务器上本身会有好多网站 三、结合第三方监控测试服务来诊断网站 您可以在D监控发送给您宕机通知时通过17ce，阿里测等第三方服务来诊断您的网站， 因为D监控是直接针对您的服务器IP进行HTTP请求，不进行域名解析，所以在诊断时你要填入您宕机的
99100编辑于 2023-05-07 - 来自专栏HT
基于HTML5实现3D监控应用流动效果
如上图中医学领域可通过3D的流动直观的观察人体血液的流动，燃气领域可用于监控管道内流动的液体或气体的流向、流速和温度等指标。 如今企业数据中心机房普遍面临着设备散热的问题，采用冷热通道方案可大大提高数据中心的散热能力，充分有效利用机柜和机房的空间，因此在电信的3D机房监控领域，也常需要借助流动的效果，对机房冷热通道系统进行监控 Hightopo的HT for Web作为3D客户端呈现解决方案，今天介绍的重点不在于采集这些指标，而在于如何应用HT的预定于3D元素来实现流动的效果。 和uvOffset实现流动的控制，这样实现的好处是没有增加过多的3D图元模型，同时可借助2D的图片融合到3D进行呈现，毕竟美工改变2D图片，或程序员内存中动态改变2D图片，都会比动态改变3D模型来的容易且轻量 该例子左下角摆放了ht.graph.GraphView的2D拓扑图，2D和3D共同绑定ht.DataModel的数据模型，因此可随意操作2D拓扑或3D引擎上的图形组件，你会发现他们会自动联动，任何一处的改变会同时在另一个组件上实时呈现改变效果
1.4K90发布于 2018-01-03 - 来自专栏3D视觉从入门到精通
SuperLine3D：从3D点到3D线
导致想要研究的关键点周围的邻域点分布也存在较大不同，难以通过这些3D点的特征描述关联起点云帧。这个问题一直以来都十分棘手。 这个工作独辟蹊径，提出对于这种点云数据，不再通过3D点来构建关联以实现点云配准，而是研究点云数据中的高层次的几何原语。 论文相关内容介绍： 论文标题： SuperLine3D: Self-supervised Line Segmentation and Description for LiDAR Point Cloud 为了重复提取它们作为特征并在离散的LiDAR帧之间进行关联以进行配准，我们提出了第一个基于学习的LiDAR点云3D线特征分割和描述模型。 描述符提取网络头输出一个大小为 的张量，然后进行L2归一化得到一个d维的描述符。
54020编辑于 2023-04-29 - 来自专栏hightopo
基于HTML5实现3D监控应用流动效果
流动效果在3D领域有着广泛的应用场景，如上图中医学领域可通过3D的流动直观的观察人体血液的流动，燃气领域可用于监控管道内流动的液体或气体的流向、流速和温度等指标。 如今企业数据中心机房普遍面临着设备散热的问题，采用冷热通道方案可大大提高数据中心的散热能力，充分有效利用机柜和机房的空间，因此在电信的3D机房监控领域，也常需要借助流动的效果，对机房冷热通道系统进行监控 Hightopo的HT for Web作为3D客户端呈现解决方案，今天介绍的重点不在于采集这些指标，而在于如何应用HT的预定于3D元素来实现流动的效果。 和uvOffset实现流动的控制，这样实现的好处是没有增加过多的3D图元模型，同时可借助2D的图片融合到3D进行呈现，毕竟美工改变2D图片，或程序员内存中动态改变2D图片，都会比动态改变3D模型来的容易且轻量 该例子左下角摆放了ht.graph.GraphView的2D拓扑图，2D和3D共同绑定ht.DataModel的数据模型，因此可随意操作2D拓扑或3D引擎上的图形组件，你会发现他们会自动联动，任何一处的改变会同时在另一个组件上实时呈现改变效果
1.1K40发布于 2018-07-09 - 来自专栏全栈程序员必看
3D移动 translate3d
3D转换我们主要学习工作中最常用的3D位移和3D旋转 主要知识点 3D位移 ：translate3d(xy,z) 3D旋转： rotate3d(xy,) 透视： perspective 3D呈现： transfrom - style 二、3D移动 translate3d 3D移动在2D移动的基础上多加了一个可以移动的方向，就是z轴方向。 100px):仅仅是在Y轴上移动 translform: translateZ(100px):仅仅是在Z轴上移动(注意： translateZ一般用px作单位) transform: translate3d 目前看不到效果，需要配合透视使用 transform: translateX(100px) translateY(100px) translateZ(100px); transform: translate3d
63020编辑于 2022-11-01 - 来自专栏全栈程序员必看
D3D API – D3DXCreateRenderToSurface渲染到纹理
(g_pd3dDevice, 256,256,1,D3DUSAGE_RENDERTARGET|D3DUSAGE_AUTOGENMIPMAP, D3DFMT_X8R8G8B8,D3DPOOL_DEFAULT (0, D3DTSS_COLOROP, D3DTOP_SELECTARG1); g_pd3dDevice->SetTextureStageState(0, D3DTSS_COLORARG1, D3DTA_TEXTURE 结构, 准备创建Direct3D设备对象 D3DPRESENT_PARAMETERS d3dpp; ZeroMemory( & d3dpp, sizeof (d3dpp = D3DFMT_D24S8; // 创建Direct3D设备对象 if ( FAILED( g_pD3D -> CreateDevice( D3DADAPTER_DEFAULT -> Clear( 0 , NULL, D3DCLEAR_TARGET | D3DCLEAR_ZBUFFER | D3DCLEAR_STENCIL,D3DCOLOR_XRGB
83520编辑于 2022-07-05 - 来自专栏HT
基于 HTML5 WebGL 的 3D 棉花加工监控系统
远程监控系统主要是通过分布于棉花加工生产线各种设备的传感器、开关信号、视频监控设备、 PLC 控制器等装置，通过智能联网设备集成到互联网和局域网上面，实现对生产、运营情况的随时掌握，建立网络范围内的监控数据和网上知识资源库 /Plucker/ 代码实现 创建场景 首先是创建一个三维场景，通过将场景中的元素添加到保存数据的数据容器中即可： var dm = new ht.DataModel();// 数据容器 var g3d = new ht.graph3d.Graph3dView(dm);// 三维组件 g3d.addToDOM();// 将三维组件添加到 body 体中 上面代码中出现的 addToDOM 方法是将调用此方法的组件通过 window.addEventListener('resize', function () { self.iv(); }, false);//窗口大小改变事件，调用刷新函数 } 整个大环境搭建好了后，我们需要向场景中添加 3D
1.4K20编辑于 2022-05-10 - 来自专栏HT
基于HTML5技术的电力3D监控应用（二）
项目初期我们团队在选型初期对3D建模进行了一定的研究，传统的3D引擎一般只提供后期三维模型的渲染呈现，并不提供3D建模的解决方案，本以为还需要招聘专业的3DMax或Maya三维建模设计师，因为我们目前的美工设计师只会 ps，但HT提供了一套完全基于HTML5的3D设计编辑工具，别说只会ps的美工设计师，其实后续项目的大部分3D场景我们程序员都参与了设计。
1.3K70发布于 2018-01-03 - 来自专栏HT
基于HTML5技术的电力3D监控应用（一）
每天看到HTML5技术的日新月异而我却只能望梅止渴，现在做回企业应用开发，虽然老同事笑我从toC降级做toB，但我自己倒觉得能用上HTML5技术是升级，并且在项目界面呈现上我们采用了HT的基于WebGL的3D 引擎框架，让我们整天面对CRUD的企业应用，增加了很大的3D应用亮点，搞得很多其他部分同事因为能参与3D的开发很想加入我们项目组，先展示几张项目的现场抓图： ? HT的3D引擎设计很独特，完全用面对对象的模式来开发三维场景，将常规2D图形组件的Model-View-Presenter (MVP) 设计模式与3D引擎融合一体，这种完全可以控制模型所有属性事件变化的模式还是很独创的 ，基于这样的设计就没有什么FPS(Frames Per Second)的概念，因为基于MVP的设计模型可监控所有属性变化，因此如果模型没有变化时，无需进行传统3D引擎那样无谓的刷新。 基于HTML5技术的电力3D监控应用（二）
98290发布于 2018-01-03 - 来自专栏CSDN社区搬运
【DETR3D】3D目标检测
概述 DETR3D介绍了一种多摄像头的三维目标检测的框架。与现有的直接从单目图像中估计3D边界框或者使用深度预测网络从2D信息中生成3D目标检测的输入相比，DETR3D直接在3D空间中进行预测。 DETR3D从多个相机图像中提取2D特征，使用3D对象查询的稀疏集来索引这些2D特征。使用相机变换矩阵将3D位置链接到多视图图像。 模型结构 DETR3D架构的输入是一组投影矩阵（内参和相对外参的组合）和已知的相机收集的RGB图像，为场景中的物体输出一组3D边界框参数。 DETR3D将3D信息合并到中间计算中，而不是在图像平面上执行纯粹的2D计算 DETR3D不估计密集的三维场景几何，避免相关的重建误差 DETR3D避免了NMS等后处理步骤 如上图所示，DETR3D 使用一个新的集合预测模块来解决这些问题，该模块通过在2D和3D计算之间交替来连接2D特征提取和3D边界框预测。
54410编辑于 2024-12-13 - 来自专栏hightopo
基于HTML5技术的电力3D监控应用（四）
回答了知乎问题较长，一些使用WebGL的经验： 正好逛到这个问题，正好是2013年底，正好最近基于的HT for Web 3D做的电力项目收尾，正好用到的就是WebGL技术，因此说说自己的感觉供参考： 3、感谢UCWeb浏览器提供了唯一（如果不是唯一还请高人指点）官方iPad的浏览器的WebGL支持，虽然有很多bug我们提交了问题也没人理，还好找到了workaround规避了些坑。
60780发布于 2018-06-04 - 来自专栏HT
基于HTML5技术的电力3D监控应用（四）
一些使用WebGL的经验，作为新的一篇： 正好逛到这个问题，正好是2013年底，正好最近基于的HT for Web 3D做的电力项目收尾，正好用到的就是WebGL技术，因此说说自己的感觉供参考： 1、 3、感谢UCWeb浏览器提供了唯一（如果不是唯一还请高人指点）官方iPad的浏览器的WebGL支持，虽然有很多bug我们提交了问题也没人理，还好找到了workaround规避了些坑。
78280发布于 2018-01-03 - 来自专栏hightopo
原 基于HTML5技术的电力3D监控应用（
每天看到HTML5技术的日新月异而我却只能望梅止渴，现在做回企业应用开发，虽然老同事笑我从toC降级做toB，但我自己倒觉得能用上HTML5技术是升级，并且在项目界面呈现上我们采用了HT的基于WebGL的3D 引擎框架，让我们整天面对CRUD的企业应用，增加了很大的3D应用亮点，搞得很多其他部分同事因为能参与3D的开发很想加入我们项目组，先展示几张项目的现场抓图： HT的3D引擎设计很独特，完全用面对对象的模式来开发三维场景 ，将常规2D图形组件的Model-View-Presenter (MVP) 设计模式与3D引擎融合一体，这种完全可以控制模型所有属性事件变化的模式还是很独创的，基于这样的设计就没有什么FPS(Frames Per Second)的概念，因为基于MVP的设计模型可监控所有属性变化，因此如果模型没有变化时，无需进行传统3D引擎那样无谓的刷新。
76790发布于 2018-06-05 - 来自专栏hightopo
基于 HTML5 的 WebGL 3D 智能楼宇监控系统
前言 智能监控的领域已经涉及到了各大领域，工控、电信、电力、轨道交通、航天航空等等，为了减少人员的消耗，监控系统必不可少。 之前我写过一篇 2D 的智能地铁监控系统广受好评，突然觉得，既然 2D 的这么受欢迎，那么 3D 的需求量肯定也是非常大的，3D 毕竟比 2D 来说还是更直观一些，于是有了这个例子以及这篇文章。 智能监控系统在 3D 中应用比较广泛的除了 3D 机房以外，我觉得就是楼宇的监控了，可是之前做了很多关于机房方面的 Demo，所以最终决定做 3D 楼宇监控系统。 ? 代码生成 场景搭建 整个场景是由 HT for Web（http://hightopo.com/） 的 3D 组件搭建而成，配合左侧的 listView 列表组件，通过点击这个 listView 列表组件中的各个项可以自由切换各个监控楼层和楼宇的场景 总结 这个 3D 智能楼宇监控系统非常的简单，对于技术人员来说是完全没有挑战性的，主要工作内容在美工上，这么一来，如果要添加比较复杂的需求，技术人员就可以全身心地投入到产品上，而不是一些繁琐的 3D 模型的搭建了
1.4K30发布于 2018-07-04 - 来自专栏章鱼的慢慢技术路
Direct3D 11 Tutorial 4: 3D Spaces_Direct3D 11 教程4：3D空间
在本教程中，我们将深入研究3D位置和转换的细节。 本教程的结果将是渲染到屏幕的3D对象。 虽然之前的教程侧重于将2D对象渲染到3D世界，但在这里我们展示了一个3D对象。 因此，我们需要一个系统来表示3D空间中的对象和一个显示它们的系统。 在现实世界中，物体存在于3D空间中。 这意味着要将对象放置在世界中的特定位置，我们需要使用坐标系并定义与位置对应的三个坐标。 D3D11_BUFFER_DESC bd; ZeroMemory( &bd, sizeof(bd) ); bd.Usage = D3D11_USAGE_DEFAULT; bd.ByteWidth ; XMMATRIX g_Projection; 要创建ID3D11Buffer对象，我们使用 ID3D11Device :: CreateBuffer()并指定D3D11_BIND_CONSTANT_BUFFER D3D11_BUFFER_DESC bd; ZeroMemory( &bd, sizeof(bd) ); bd.Usage = D3D11_USAGE_DEFAULT;
1.5K30发布于 2018-10-11 - 来自专栏章鱼的慢慢技术路
Direct3D 11 Tutorial 5: 3D Transformation_Direct3D 11 教程5：3D转型
资源目录 (SDK root)\Samples\C++\Direct3D11\Tutorials\Tutorial05 Github 转型 在3D图形中，变换通常用于对顶点和矢量进行操作。 在3D中，用于翻译的矩阵具有形式。 深度缓冲区允许Direct3D跟踪绘制到屏幕的每个像素的深度。 Direct3D 11中深度缓冲区的默认行为是检查屏幕上绘制的每个像素与屏幕空间像素的深度缓冲区中存储的值。 它还创建深度缓冲区的DepthStencilView，以便Direct3D 11知道将其用作深度模板纹理。 // Create depth stencil texture D3D11_TEXTURE2D_DESC descDepth; ZeroMemory( &descDepth, sizeof
2.4K40发布于 2018-12-04 - 来自专栏APP自动化测试
用CATransform3D实现3D效果和制作简单3D动画
我们先来看下CATransform3D的头文件 struct CATransform3D { CGFloat m11, m12, m13, m14; CGFloat m21, m22, m23, m24; CGFloat m31, m32, m33, m34; CGFloat m41, m42, m43, m44; }; typedef struct CATransform3D CATransform3D ; 可以看到CATransform3D是一个4 * 4结构体, 另外它还有一个弟弟CGAffineTransform是 3 * 3结构体 他们的区别看名字就很明显, CATransform3D是做3D坐标变换 我们继续看下CATransform3D头文件中的其他内容 CA_EXTERN const CATransform3D CATransform3DIdentity; //一个无任何变换的默认矩阵常量，可用于使变换后的 (CATransform3D a, CATransform3D b); //判断两个矩阵是否相同 CA_EXTERN CATransform3D CATransform3DMakeTranslation
91840发布于 2019-10-15 - 来自专栏python3
AS3 2D转3D【算法】
y3,z3) 1.x旋转(x不变)： x1=x y1=y*cosb+z*sinb z1=z*cosb-y*sinb 2.y旋转(y不变)： x2=x*cosb-z*sinb y2=y z2=z*cosb+x*sinb 3.z旋转(z不变) x3=x*cosb-y*sinb y3=y*cosb+x*sinb z3=z (二).原理分析 1.三角形定理： ? 如上图，已知一个点(x,y,z),利用三角形相似的原理，可以得出下列结论： d/(d+z)=y1/y,推出：y1=d*y/(d+z)，可在二维平面上来表现空间上的点的位置。进一步把它简化。 提出因子d/(d+z),用ratio(比率)表示，这个公式就变为 ratio=d/(d+z); y1=ratio*y;同理可推出 x1=ratio*x; 2.flash模拟3D坐标： ? 总结如下： 给定点：(x,y,z) 绕x轴旋转后的点(x1,y1,z1) 绕y轴旋转后的点(x2,y2,z2) 绕z轴旋转后的点(x3,y3,z3) x旋转(x不变) x1=x y1=y*cosb-z
96810发布于 2020-01-03 - 来自专栏机器之心
业界 | 取代后视镜，ULSee发布3D全景行车监控影像系统
2017 上海国际车展期间，ULSee 将其智能驾驶集成方案铺陈在汽车厂商眼前，并首次展示了自主研发的 3D 全景行车监控影像系统。 传统 3D AVM 系统也存在各种局限性，如富士通提出的 3D AVM 系统可视距离较远，但视角有限；BMW 在去年的 CES 展上提出了无后视镜 Mirrorless 概念，利用摄像头取代真正的后外视镜 而 ULSee 的 3D 全景行车监控影像系统利用 3 个广角鱼眼镜头取代传统后视镜，摄取左右及后方 270 度的图像，可以从一侧 A 柱覆盖到另一侧 A 柱，完成 3D 立体影像的实时缝合，可视距离为 ULSee 3D 全景行车监控影像系统测试录像 这套 Mirrorless 全景 3D 解决方案是 ULSee 公司智能驾驶事业部总经理吴易达及其团队的研究成果。 「目前我们主要针对小型轿车，把 2D、3D 一起吃进来，但是大车更需要这样的 surround view 系统，因为对于大车的驾驶员来说，看分割的监控镜头他可能没有办法迅速理解镜头真正的方向与车子方位间的关系从而造成困扰
95470发布于 2018-05-08
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号