- 博客(10)
- 资源 (7)
- 收藏
- 关注
原创 基于HTML5 Canvas的工控SCADA模拟飞机飞行
你想开飞机吗?我小时候也有一个梦想,就是当飞行员,今天我们就来体验一下开飞机,我猜你跟我一样会晕机!昨天看到一篇文章说是学习如何开飞机的,然后我就想,如果我也可以开飞机那就好玩了,每个人小时候都想做飞行员!中国飞行员太难当了,再说也不轻易让你开飞机!后来我就想如果能用 HT 开飞机那就是真的有趣了,哈哈,这个实现的效果还是很不错的,可以让你满足一下开飞机的虚荣心偷笑
2017-10-31 09:27:02 1759
原创 基于HTML5 WebGL实现 json工控风机叶轮旋转
<img src="http://images2017.cnblogs.com/blog/591709/201710/591709-20171026231621320-64141724.gif" class="desc_img">如果,我能轻松写出一个盒子,这个盒子能打开,我还能在盒子上放一些我想要展现的东西,图片啊,json文件啊 ,图表啊,动态交互界面啊...这些有些单独做起来都觉得费劲,要把他们放到同一个界面的盒子上也并不容易,而且性能还要好,浏览器操作要流畅,100多行,很棒的效果!
2017-10-27 09:11:33 1394
基于HTML5 WebGL实现 json工控风机叶轮旋转
突然有个想法,如果能把一些用到不同的知识点放到同一个界面上,并且放到一个盒子里,这样我如果要看什么东西就可以很直接显示出来,而且这个盒子一定要能打开。我用HT实现了我的想法,代码一百多行,这么少的代码能实现这种效果我觉得还是牛的。demo地址: http://www.hightopo.com/demo/Wall3D/index.html先来看看效果图: 这个例子最基础的就是最外层的...
2017-10-26 09:23:01 240
基于HTML5及WebGL开发的2D3D第一人称漫游进行碰撞检测
为了实现一个基于HTML5的场景小游戏,我采用了HT for Web来实现,短短200行代码,我就能实现用“第一人称”来操作前进后退上下左右,并且实现了碰撞检测。先来看下实现的效果: http://hightopo.com/guide/guide/core/3d/ht-3d-guide.html#ref_collision或者http://v.youku.com/v_show/id_X...
2017-10-23 10:20:17 372
基于HTML5和WebGL的碰撞测试
这是公司大神写的一个放官网上给用户学习的例子,我一开始真的不知道这是在干嘛,就只是将三个形状图元组合在一起,然后可以同时旋转、放大缩小这个三个图形,点击“Animate”就能让中间的那一个图元单独绕着某一个点旋转,表单最上方的“Axis”真的完全不知道拿来干嘛用的,觉得好累赘,而且是官网的demo,也没有解释。。。所以我今天得任务就是完全剖析这个例子!本文例子:http://www.high...
2017-10-20 10:26:56 143
原创 基于HTML5和WebGL的碰撞测试
可能你会好奇这个是怎么俯视图是怎么放上去的?如果3d中的图元变化,这个俯视图中的图元也会跟着变化么?如何把右上角的form表单和左下角的视图又是怎么放的?如何只移动3d二把这两个固定在这边?或者你可能还有别的问题,在这里我会尽量清楚地解答,实在找不到答案可以去我们的官网HT for Web查找你的问题。
2017-10-19 14:18:18 2876
原创 基于HTML5的WebGL实现json和echarts图表展现在同一个界面
如果,我能轻松写出一个盒子,这个盒子能打开,我还能在盒子上放一些我想要展现的东西,图片啊,json文件啊 ,图表啊,动态交互界面啊...这些有些单独做起来都觉得费劲,要把他们放到同一个界面的盒子上也并不容易,而且性能还要好,浏览器操作要流畅,100多行,很棒的效果!
2017-10-18 16:43:54 4405
原创 基于HTML5及WebGL开发的2D3D第一人称漫游进行碰撞检测
以前用原生JS写的场景+第一人称漫游模式+碰撞测试那代码量是真的庞大,这次我想要用HT for Web来写一个轻量的场景小游戏,而且3D 2D都能玩,才200行,真的是太轻松了~还有通过监控属性的变化来操作也是一个很方便的功能,我相信没有几个人能轻量,快速地开发出场景小游戏的,而且浏览器操作还很流畅!
2017-10-18 14:15:14 2808
原创 基于HTML5和WebGL的3D网络拓扑结构图
unity3d做游戏和3d固然很好,但是对于绝大多数非游戏开发人员有点过重了,我在这里用了HT for Web写了不到400行的代码实现了3d分层,运动以及obj文件操作。而且是用的JavaScript来实现的,这样我们前端开发人员也能不用学习各种3d开发软件就能实现超级叼的效果!
2017-10-17 10:05:33 2163
原创 基于HTML5和WebGL的3D网络拓扑结构图
现在,3D模型已经用于各种不同的领域。在医疗行业使用它们制作器官的精确模型;电影行业将它们用于活动的人物、物体以及现实电影;视频游戏产业将它们作为计算机与视频游戏中的资源;在科学领域将它们作为化合物的精确模型;建筑业将它们用来展示提议的建筑物或者风景表现;工程界将它们用于设计新设备、交通工具、结构以及其它应用领域;在最近几十年,地球科学领域开始构建三维地质模型,而且3D模型经常做成动画,例如,...
2017-10-17 09:19:20 371
ajax 全套安装软件包
2021-03-31
快速开发基于 HTML5 网络拓扑图应用之 DataBinding 数据绑定篇
2018-03-16
快速开发基于 HTML5 网络拓扑图应用--入门篇(四)
2018-01-18
Web SCADA 电力接线系统图
2018-01-15
基于 HTML5 快速构建拓扑图1
2018-01-08
基于 HTML5 WebGL 的 3D 仓储管理系统
2017-11-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人