xhload3d

www.hightopo.com

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::
  142 随笔 :: 1 文章 :: 248 评论 :: 0 引用

公告

置顶随笔 #

摘要: 在电力、油田燃气、供水管网等工业自动化领域 Web SCADA 的概念已经提出了多年,早些年的 Web SCADA 前端技术大部分还是基于 Flex、Silverlight 甚至 Applet 这样的重客户端方案,在 HTML5 流行前 VML 和 SVG 算是真正纯种 Web 方案也是有不少应用,近些年随着 HTML5 的流行,加上移动终端以及浏览器对 HTML5 支持的普及,越来越多新项目开始采用真正纯 HTML5 的方案,更具体的应该说是大数据量应用性能高于 SVG 的 Canvas 方案,已经逐渐成为当今 Web SCADA 前端技术的首选标配方案。阅读全文
posted @ 2018-01-17 09:18 xhload3d 阅读(775) 评论(2) 编辑

摘要: 上一篇我们创建了一个拓扑场景,所有的代码加上换行和样式,总共也就50行不到的代码,今天我将手把手教你添加树!你会不会动心?因为加上前面的50代码,今天总共也就60行左右的代码,而且超级简单啊!不要错过~阅读全文
posted @ 2018-01-15 10:06 xhload3d 阅读(260) 评论(0) 编辑

摘要: 拓扑图在计算机网络和电力电信中运用广泛,从今天开始我们就来一步步开发基于 HTML5 网络拓扑图应用,你会知道这有快哦~阅读全文
posted @ 2018-01-09 06:18 xhload3d 阅读(126) 评论(0) 编辑

摘要: 电信网管的网络拓扑图、电力的电网拓扑图、工业控制的监控图、工作流程图、思维脑图等等都可以用 HTML5 的图形化界面来完成,所有这些简称为拓扑图。使用 HT 会让你的开发变得更加快速,快来玩玩吧!阅读全文
posted @ 2018-01-08 06:21 xhload3d 阅读(113) 评论(1) 编辑

摘要: 3D 中的模型创建除了颜色以及贴图,灯光的效果也是非常重要的,配置好灯光的位置和颜色可以让整个场景提升不止一个档次,这个例子非常有代表性,希望大家能有所收获~阅读全文
posted @ 2018-01-02 07:22 xhload3d 阅读(527) 评论(2) 编辑

摘要: 服务端与客户端的通信可以说是经典的例子了,但是如何快速搭建这个场景还要加上鹰眼的制作,如果是纯 HTML5 来做的话,能完成,但是时间也消耗了许多,而这个例子的鹰眼只要 1 行代码。。。整个例子只有 200 行左右的代码!阅读全文
posted @ 2017-12-28 06:37 xhload3d 阅读(562) 评论(1) 编辑

摘要: Web3d 技术兴起,一千个人有一千种实现方法。今天这个例子实现的 3D 机房是基于 HTML5 的,并不新奇,特别之处就在于这个方法的实现过程,是以一种比较轻松的方法快速搭建起来的 3D 机房场景。阅读全文
posted @ 2017-12-24 23:56 xhload3d 阅读(466) 评论(1) 编辑

摘要: 3D 场景的反序列化实践版本!在做 3D 的时候,最喜欢的应该是能够立马看到效果吧?不用再去代码中找找找,毕竟一般 3D 场景的代码量都很大,所以我们就通过这个例子给大家一点点的提示,大家可以自己天马行空,做出对自己项目最好的产品!阅读全文
posted @ 2017-12-18 07:45 xhload3d 阅读(442) 评论(0) 编辑

摘要: 3D 碰撞检测?我们在生活中以及游戏中都有大量运用,今天我研究了一下这个例子的代码,发现其实里面大有文章,永远不要觉得自己知道得太多~阅读全文
posted @ 2017-12-10 22:51 xhload3d 阅读(139) 评论(0) 编辑

摘要: 列表拖拽变 3d 贴图?当图片少的时候,你可能觉得无所谓,如果图片很大量,那真的就是没有办法很准确地确定我要附的是什么照片,左边一个列表都是图片的信息,可以很明确地了解自己需要哪一张图片,在实际应用中还是让人很轻松的~阅读全文
posted @ 2017-12-07 09:24 xhload3d 阅读(353) 评论(0) 编辑

摘要: 要是我们有一个编辑器,能直接根据设计师的稿子,让非设计人员也非程序员来创建一个复杂的模型,那该多棒啊!今天我们就来看看这个看似复杂的过程是如何变成简单的!突然觉得危机感好强啊!!!阅读全文
posted @ 2017-12-03 22:16 xhload3d 阅读(571) 评论(0) 编辑

摘要: 仓储系统!仓库管理可以说即不省力也不省事,而且使用范围还很广,数学中经常使用仓储系统来计算市场需求,物流中的动力学建模等等,所以仓储系统必不可少,在这个时间就是金钱的时代,能省时就能带来非常大的效益,所以我们今天搞了个 Demo 来玩,不知道你们感觉怎么样,我是觉得非常酷啦~阅读全文
posted @ 2017-11-30 07:52 xhload3d 阅读(1412) 评论(6) 编辑

摘要: 今天的这个机房机柜例子看起来很容易,但是如果你想想要的话,是可以自己生成一个拖拽机柜图片生成 3D 机柜模型的 3D 编辑器,在开发上,只需要设计师设计出了 2D 和 3D 模型,用户只需直接拖拽就可以生成 3D 模型,而不需要自己去绘制,是一个非常好用的方法!阅读全文
posted @ 2017-11-27 08:00 xhload3d 阅读(673) 评论(0) 编辑

摘要: 每次看到医学界发布的宣传片中基本上都有一个 DNA 的样式,拖动一个节点靠近另一个节点 2 节点就会“弹开”,拉远一点又会向 1 节点“靠近”,这种效果非常炫啊,所以我觉得自己应该动手来实践一下了,就产生了这么个结果,good job!阅读全文
posted @ 2017-11-22 23:48 xhload3d 阅读(291) 评论(3) 编辑

摘要: 鉴于现代社会对人力和物力方面的合理利用,并且各商家也希望能减少运营开支,监控系统出现了,我们针对这个现象对监控系统做了一个简单美丽利用 HTML5 Canvas 制作的例子,你会发现原来做一个监控系统竟然这么简单!阅读全文
posted @ 2017-11-20 07:40 xhload3d 阅读(1599) 评论(2) 编辑

摘要: 3D动画宣传片将 3D 动画、特效镜头、企业视频、照片、未来前景等内容通过后期合成、配音、解说形成一部直观、生动、喜闻乐见的高品位的企业广告宣传片,让社会不同层面的人士对企业产生正面的、积极的、良好的印象,从而建立对企业的好感与信任,并信赖该企业的产品或服务。 现在 3D 发展地如此迅速也要感谢人类对于“现实”的追求,所以学好用好 3D 是未来成功必不可少的一部分。 本文例子的思路是进入一个机房参观,打开门的动作是再生动不过了, 再加上适当地转弯,基本上完全模拟了人在机房中参观的效果。还有一个好处就是,如果要演示给领导看而又不用操作,这种炫酷的效果领导一定会很满意!阅读全文
posted @ 2017-11-14 22:59 xhload3d 阅读(586) 评论(1) 编辑

摘要: 利用分子间的引力斥力结合矩阵来完成的效果,真的是很炫,而且还是代码量非常少的情况下完成了由一个节点牵引带动的其他节点移动并根据矩阵的变化来重新分配两点间的连线像有“弹性”一样,真的好酷!这个例子在医疗界还有生物界应该是应用非常广泛的,但是如果好好利用,在工业方面也一定有不小的成就。工业还有利用 HeatMap 热图的例子,也是根据这个原理,感觉要创建一番大事业~阅读全文
posted @ 2017-11-13 07:57 xhload3d 阅读(393) 评论(0) 编辑

摘要: 建设性的立体几何具有许多实际用途,它用于需要简单几何对象的情况下,或者数学精度很重要的地方,几乎所有的工程 CAD 软件包都使用 CSG(可以用于表示刀具切削,以及零件必须配合在一起的特征)。CSG 是 Constructive Solid Geometry 建模技术的简称,通过裁剪 subtract、融合 union 和相交 intersect 的运算,组合出复杂模型效果,HT 封装了 ht.CSGNode 和 ht.CSGShape 等图元类型来支持 CSG 的组合功能,常用于墙面的门窗挖空凿洞的应用场景。阅读全文
posted @ 2017-11-09 07:40 xhload3d 阅读(464) 评论(0) 编辑

摘要: 工业方面制作图表,制作模型方面运用到 3d 模型是非常多的,在一个大的环境中,构建无数个相同的或者不同的模型,构建起来对于程序员来说也是一件相当头疼的事情,我们利用 HT 帮大家解决了很大的难题,以下例子可在官网上查找到 http://hightopo.com/demos/index.html阅读全文
posted @ 2017-11-06 08:00 xhload3d 阅读(477) 评论(0) 编辑

摘要: 发现现在工业SCADA上或者电信网管方面用图表的特别多,虽然绝大部分人在图表制作方面用的是echarts,他确实好用,但是有些时候我们不能调用别的插件,这个时候就得自己写这些美丽的图表了,然而图表轻易做不成美丽的。。。看到有一个网站上在卖的图表,感觉挺好看的,就用 HT for Web 3D 实现了一个 3d 的图表~阅读全文
posted @ 2017-11-02 08:01 xhload3d 阅读(742) 评论(4) 编辑

2018年1月17日 #

摘要: 在电力、油田燃气、供水管网等工业自动化领域 Web SCADA 的概念已经提出了多年,早些年的 Web SCADA 前端技术大部分还是基于 Flex、Silverlight 甚至 Applet 这样的重客户端方案,在 HTML5 流行前 VML 和 SVG 算是真正纯种 Web 方案也是有不少应用,近些年随着 HTML5 的流行,加上移动终端以及浏览器对 HTML5 支持的普及,越来越多新项目开始采用真正纯 HTML5 的方案,更具体的应该说是大数据量应用性能高于 SVG 的 Canvas 方案,已经逐渐成为当今 Web SCADA 前端技术的首选标配方案。阅读全文
posted @ 2018-01-17 09:18 xhload3d 阅读(775) 评论(2) 编辑

2018年1月15日 #

摘要: 上一篇我们创建了一个拓扑场景,所有的代码加上换行和样式,总共也就50行不到的代码,今天我将手把手教你添加树!你会不会动心?因为加上前面的50代码,今天总共也就60行左右的代码,而且超级简单啊!不要错过~阅读全文
posted @ 2018-01-15 10:06 xhload3d 阅读(260) 评论(0) 编辑

2018年1月9日 #

摘要: 拓扑图在计算机网络和电力电信中运用广泛,从今天开始我们就来一步步开发基于 HTML5 网络拓扑图应用,你会知道这有快哦~阅读全文
posted @ 2018-01-09 06:18 xhload3d 阅读(126) 评论(0) 编辑

2018年1月8日 #

摘要: 电信网管的网络拓扑图、电力的电网拓扑图、工业控制的监控图、工作流程图、思维脑图等等都可以用 HTML5 的图形化界面来完成,所有这些简称为拓扑图。使用 HT 会让你的开发变得更加快速,快来玩玩吧!阅读全文
posted @ 2018-01-08 06:21 xhload3d 阅读(113) 评论(1) 编辑

2018年1月2日 #

摘要: 3D 中的模型创建除了颜色以及贴图,灯光的效果也是非常重要的,配置好灯光的位置和颜色可以让整个场景提升不止一个档次,这个例子非常有代表性,希望大家能有所收获~阅读全文
posted @ 2018-01-02 07:22 xhload3d 阅读(527) 评论(2) 编辑

2017年12月28日 #

摘要: 服务端与客户端的通信可以说是经典的例子了,但是如何快速搭建这个场景还要加上鹰眼的制作,如果是纯 HTML5 来做的话,能完成,但是时间也消耗了许多,而这个例子的鹰眼只要 1 行代码。。。整个例子只有 200 行左右的代码!阅读全文
posted @ 2017-12-28 06:37 xhload3d 阅读(562) 评论(1) 编辑

2017年12月24日 #

摘要: Web3d 技术兴起,一千个人有一千种实现方法。今天这个例子实现的 3D 机房是基于 HTML5 的,并不新奇,特别之处就在于这个方法的实现过程,是以一种比较轻松的方法快速搭建起来的 3D 机房场景。阅读全文
posted @ 2017-12-24 23:56 xhload3d 阅读(466) 评论(1) 编辑

2017年12月18日 #

摘要: 3D 场景的反序列化实践版本!在做 3D 的时候,最喜欢的应该是能够立马看到效果吧?不用再去代码中找找找,毕竟一般 3D 场景的代码量都很大,所以我们就通过这个例子给大家一点点的提示,大家可以自己天马行空,做出对自己项目最好的产品!阅读全文
posted @ 2017-12-18 07:45 xhload3d 阅读(442) 评论(0) 编辑

2017年12月10日 #

摘要: 3D 碰撞检测?我们在生活中以及游戏中都有大量运用,今天我研究了一下这个例子的代码,发现其实里面大有文章,永远不要觉得自己知道得太多~阅读全文
posted @ 2017-12-10 22:51 xhload3d 阅读(139) 评论(0) 编辑

2017年12月7日 #

摘要: 列表拖拽变 3d 贴图?当图片少的时候,你可能觉得无所谓,如果图片很大量,那真的就是没有办法很准确地确定我要附的是什么照片,左边一个列表都是图片的信息,可以很明确地了解自己需要哪一张图片,在实际应用中还是让人很轻松的~阅读全文
posted @ 2017-12-07 09:24 xhload3d 阅读(353) 评论(0) 编辑