xhload3d

www.hightopo.com

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

公告

置顶随笔 #

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

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

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

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

摘要: CSG 构造实体几何这个概念在工业水利水电施工上、游戏上已经有很多人使用了,最简单的实体表示叫作体元,通常是形状简单的物体,如立方体、圆柱体、棱柱、棱锥、球体、圆锥等。根据每个软件包的不同这些体元也有所不同,在一些软件包中可以使用弯曲的物体进行 CSG 处理,在另外一些软件包中则不支持这些功能。构造物体就是将体元根据集合论的布尔逻辑组合在一起,这些运算包括:并集、交集以及补集。我们一般可以用 CSG 来将简单的模型合在一起生成复杂的模型,这样在构造模型的时候会省很多力。 HT 中的 ht.CSGNode 图阅读全文
posted @ 2017-11-08 08:15 xhload3d 阅读(342) 评论(0) 编辑

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

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

摘要: 你想开飞机吗?我小时候也有一个梦想,就是当飞行员,今天我们就来体验一下开飞机,我猜你跟我一样会晕机!昨天看到一篇文章说是学习如何开飞机的,然后我就想,如果我也可以开飞机那就好玩了,每个人小时候都想做飞行员!中国飞行员太难当了,再说也不轻易让你开飞机!后来我就想如果能用 HT 开飞机那就是真的有趣了,哈哈,这个实现的效果还是很不错的,可以让你满足一下开飞机的虚荣心偷笑阅读全文
posted @ 2017-11-01 07:58 xhload3d 阅读(665) 评论(4) 编辑

摘要: 如果,我能轻松写出一个盒子,这个盒子能打开,我还能在盒子上放一些我想要展现的东西,图片啊,json文件啊 ,图表啊,动态交互界面啊...这些有些单独做起来都觉得费劲,要把他们放到同一个界面的盒子上也并不容易,而且性能还要好,浏览器操作要流畅,100多行,很棒的效果!阅读全文
posted @ 2017-10-27 10:57 xhload3d 阅读(350) 评论(0) 编辑

摘要: 如果,我能轻松写出一个盒子,这个盒子能打开,我还能在盒子上放一些我想要展现的东西,图片啊,json文件啊 ,图表啊,动态交互界面啊...这些有些单独做起来都觉得费劲,要把他们放到同一个界面的盒子上也并不容易,而且性能还要好,浏览器操作要流畅,100多行,很棒的效果!阅读全文
posted @ 2017-10-26 09:26 xhload3d 阅读(427) 评论(0) 编辑

摘要: 以前用原生JS写的场景+第一人称漫游模式+碰撞测试那代码量是真的庞大,这次我想要用HT for Web来写一个轻量的场景小游戏,而且3D 2D都能玩,才200行,真的是太轻松了~还有通过监控属性的变化来操作也是一个很方便的功能,我相信没有几个人能轻量,快速地开发出场景小游戏的,而且浏览器操作还很流畅!阅读全文
posted @ 2017-10-25 09:13 xhload3d 阅读(365) 评论(0) 编辑

摘要: 以前用原生JS写的场景+第一人称漫游模式+碰撞测试那代码量是真的庞大,这次我想要用HT for Web来写一个轻量的场景小游戏,而且3D 2D都能玩,才200行,真的是太轻松了~还有通过监控属性的变化来操作也是一个很方便的功能,我相信没有几个人能轻量,快速地开发出场景小游戏的,而且浏览器操作还很流畅!阅读全文
posted @ 2017-10-23 10:45 xhload3d 阅读(103) 评论(0) 编辑

摘要: 可能你会好奇这个是怎么俯视图是怎么放上去的?如果3d中的图元变化,这个俯视图中的图元也会跟着变化么?如何把右上角的form表单和左下角的视图又是怎么放的?如何只移动3d二把这两个固定在这边?或者你可能还有别的问题,在这里我会尽量清楚地解答,实在找不到答案可以去我们的官网HT for Web查找你的问题。阅读全文
posted @ 2017-10-20 10:11 xhload3d 阅读(356) 评论(2) 编辑

摘要: unity3d做游戏和3d固然很好,但是对于绝大多数非游戏开发人员有点过重了,我在这里用了HT for Web写了不到400行的代码实现了3d分层,运动以及obj文件操作。而且是用的JavaScript来实现的,这样我们前端开发人员也能不用学习各种3d开发软件就能实现超级叼的效果!阅读全文
posted @ 2017-10-17 11:36 xhload3d 阅读(842) 评论(4) 编辑

摘要: 在数据量很大的2D 场景下,要找到具体的模型比较困难,并且只能显示出模型的的某一部分,显示也不够直观,这种时候能快速搭建出 3D 场景就有很大需求了。HT 基于 WebGL 的 3D 技术的图形组件 ht.graph3dView 组件通过对 WebGL 底层技术的封装,极大降低了 3D 图形技术开发的门槛,在熟悉HT 数据模型基础上,一般程序员只需要 1 小时的学习即可上手 3D 图形开发。阅读全文
posted @ 2017-06-30 12:48 xhload3d 阅读(1737) 评论(0) 编辑

摘要: 用户鼠标移入时,有弹出框出现,这样的需求很常见。这在处理HTML元素实现时简单,但是如果是对HTML5 Canvas 构成的图形进行处理,这种方法不再适用,因为Canvas使用的是另外一套机制,无论在Canvas上绘制多少图形,Canvas都是一个整体。而图形本身实际都是Canvas的一部分,不可单独获取,所以也就无法直接给某个图形增加JavaScript事件。然而,在HT for Web中,这种需求很容易实现。阅读全文
posted @ 2017-06-05 09:40 xhload3d 阅读(1580) 评论(0) 编辑

摘要: 很多人都有这样的疑问,基于HTML5 Canvas实现的元素怎么和用户进行交互?在这里我们用HT for Web(http://www.hightopo.com/guide/guide/core/beginners/ht-beginners-guide.html)给大家示例。阅读全文
posted @ 2017-05-23 14:17 xhload3d 阅读(794) 评论(0) 编辑

摘要: 以生活中的服务器和路由器为模型,搭建出设备面板,并增加设备上指示灯闪烁和两个设备之间连线上图元的流动效果。今天我们就在基于HTML5的技术上完成设备面板的搭建。http://www.hightopo.com/demo/blog_tplink_20170511/index.html阅读全文
posted @ 2017-05-18 11:38 xhload3d 阅读(1370) 评论(2) 编辑

摘要: 随着新一轮工业革命兴起,应对气候变化日益成为全球共识,能源技术正在成为引领能源产业变革、实现创新驱动发展的源动力。从全球到中国,以风能、光伏发电为代表的新能源产业发展迅速,可再生能源发电与现代电网的融合成为了世界能源可持续转型的核心,发电技术继续沿着大规模、高效率和低成本方向持续进步,中国在风能和光伏发电领域的累计装机量和新增装机量已经跃居世界首位。阅读全文
posted @ 2017-02-13 08:33 xhload3d 阅读(2216) 评论(4) 编辑

摘要: 最近在一个 SCADA 项目中遇到了在 Web 页面中展示设备报表的需求。一个完整的报表,一般包含了筛选操作区、表格、Chart、展板等多种元素,而其中的数据表格是最常用的控件。在以往的工业项目中,所有的表格看起来千篇一律,就是通过数字和简单的背景颜色变化来展示相关信息。但是现在通过各种移动 App 和 Web 应用的熏陶,人们的审美和要求都在不断提高,尤其是在 Web 项目中,还采用老式的数字表格确实也有点落伍了。阅读全文
posted @ 2016-12-27 01:05 xhload3d 阅读(1721) 评论(4) 编辑

2017年11月20日 #

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

2017年11月14日 #

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

2017年11月13日 #

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

2017年11月9日 #

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

2017年11月8日 #

摘要: CSG 构造实体几何这个概念在工业水利水电施工上、游戏上已经有很多人使用了,最简单的实体表示叫作体元,通常是形状简单的物体,如立方体、圆柱体、棱柱、棱锥、球体、圆锥等。根据每个软件包的不同这些体元也有所不同,在一些软件包中可以使用弯曲的物体进行 CSG 处理,在另外一些软件包中则不支持这些功能。构造物体就是将体元根据集合论的布尔逻辑组合在一起,这些运算包括:并集、交集以及补集。我们一般可以用 CSG 来将简单的模型合在一起生成复杂的模型,这样在构造模型的时候会省很多力。 HT 中的 ht.CSGNode 图阅读全文
posted @ 2017-11-08 08:15 xhload3d 阅读(342) 评论(0) 编辑

2017年11月6日 #

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

2017年11月2日 #

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

2017年11月1日 #

摘要: 你想开飞机吗?我小时候也有一个梦想,就是当飞行员,今天我们就来体验一下开飞机,我猜你跟我一样会晕机!昨天看到一篇文章说是学习如何开飞机的,然后我就想,如果我也可以开飞机那就好玩了,每个人小时候都想做飞行员!中国飞行员太难当了,再说也不轻易让你开飞机!后来我就想如果能用 HT 开飞机那就是真的有趣了,哈哈,这个实现的效果还是很不错的,可以让你满足一下开飞机的虚荣心偷笑阅读全文
posted @ 2017-11-01 07:58 xhload3d 阅读(665) 评论(4) 编辑

2017年10月27日 #

摘要: 如果,我能轻松写出一个盒子,这个盒子能打开,我还能在盒子上放一些我想要展现的东西,图片啊,json文件啊 ,图表啊,动态交互界面啊...这些有些单独做起来都觉得费劲,要把他们放到同一个界面的盒子上也并不容易,而且性能还要好,浏览器操作要流畅,100多行,很棒的效果!阅读全文
posted @ 2017-10-27 10:57 xhload3d 阅读(350) 评论(0) 编辑

2017年10月26日 #

摘要: 如果,我能轻松写出一个盒子,这个盒子能打开,我还能在盒子上放一些我想要展现的东西,图片啊,json文件啊 ,图表啊,动态交互界面啊...这些有些单独做起来都觉得费劲,要把他们放到同一个界面的盒子上也并不容易,而且性能还要好,浏览器操作要流畅,100多行,很棒的效果!阅读全文
posted @ 2017-10-26 09:26 xhload3d 阅读(427) 评论(0) 编辑