- 博客(11)
- 资源 (7)
- 收藏
- 关注
原创 基于 HTML5 Canvas 的简易 2D 3D 编辑器
要是我们有一个编辑器,能直接根据设计师的稿子,让非设计人员也非程序员来创建一个复杂的模型,那该多棒啊!今天我们就来看看这个看似复杂的过程是如何变成简单的!突然觉得危机感好强啊!!!
2017-12-03 22:00:09 16598 2
原创 基于 HTML5 WebGL 的 3D 服务器与客户端的通信
这个例子的初衷是模拟服务器与客户端的通信,我把整个需求简化变成了今天的这个例子。3D 机房方面的模拟一般都是需要鹰眼来辅助的,这样找产品以及整个空间的概括会比较明确,在这个例子中我也加了,这篇文章就算是我对这次项目的一个总结吧。对了,这个例子我是参考一个 DEMO 来完成的,和示例中的显示有些不同,大家莫惊奇。例子链接: http://www.hightopo.com/guide/guide/co...
2017-12-28 06:27:40 299
原创 基于 HTML5 WebGL 的 3D 服务器与客户端的通信
这个例子的初衷是模拟服务器与客户端的通信,我把整个需求简化变成了今天的这个例子。3D 机房方面的模拟一般都是需要鹰眼来辅助的,这样找产品以及整个空间的概括会比较明确,在这个例子中我也加了,这篇文章就算是我对这次项目的一个总结吧。对了,这个例子我是参考一个 DEMO 来完成的,和示例中的显示有些不同,大家莫惊奇。例子链接: http://www.hightopo.com/guide/guid...
2017-12-28 06:26:46 201
原创 基于 HTML5 WebGL 的 3D 服务器与客户端的通信
服务端与客户端的通信可以说是经典的例子了,但是如何快速搭建这个场景还要加上鹰眼的制作,如果是纯 HTML5 来做的话,能完成,但是时间也消耗了许多,而这个例子的鹰眼只要 1 行代码。。。整个例子只有 200 行左右的代码!
2017-12-27 10:54:03 1735
原创 基于 HTML5 Canvas 的 3D 机房创建
对于 3D 机房来说,监控已经不是什么难事,不同的人有不同的做法,今天试着用 HT 写了一个基于 HTML5 的机房,发现果然 HT 简单好用。本例是将灯光、雾化以及 eye 的最大最小距离等等功能在 3D 机房中进行的一个综合性的例子。接下来我将对这个例子的实现进行解析,算是自己对这个例子的一个总结吧。整个例子因为没有设计师的参与,所以样式上可能比较简陋,但是在一些细节的地方,比如墙上的贴图、门...
2017-12-24 23:46:22 3796 1
原创 基于 HTML5 Canvas 的 3D 压力器反序列化
3D 场景的反序列化实践版本!在做 3D 的时候,最喜欢的应该是能够立马看到效果吧?不用再去代码中找找找,毕竟一般 3D 场景的代码量都很大,所以我们就通过这个例子给大家一点点的提示,大家可以自己天马行空,做出对自己项目最好的产品!
2017-12-18 09:19:57 486
原创 基于 HTML5 Canvas 的 3D 压力器反序列化
在实际应用中,我觉得能够通过操作 JSON 文件来操作 3D 上的场景变化是非常方便的一件事,尤其是在做编辑器进行拖拽图元并且在图元上产生的一系列变化的时候,都能将数据很直观地反应给我们,这边我们简单地做了个基础的例子,给大家参考看看。本例地址: http://www.hightopo.com/guide/guide/core/serialization/examples/example_ex...
2017-12-18 09:08:56 312
原创 基于 HTML5 Canvas 的 3D 碰撞检测
3D 碰撞检测?我们在生活中以及游戏中都有大量运用,今天我研究了一下这个例子的代码,发现其实里面大有文章,永远不要觉得自己知道得太多~
2017-12-10 22:53:09 1502
原创 基于 HTML5 Canvas 的 3D 碰撞检测
这是公司大神写的一个放官网上给用户学习的例子,我一开始真的不知道这是在干嘛,就只是将三个形状图元组合在一起,然后可以同时旋转、放大缩小这个三个图形,点击“Animate”就能让中间的那一个图元单独绕着某一个点旋转,表单最上方的“Axis”真的完全不知道拿来干嘛用的,觉得好累赘,而且是官网的 Demo,也没有解释。。。所以我今天得任务就是完全剖析这个例子!奋斗本文例子:http://www.high...
2017-12-10 22:28:56 809
原创 基于 HTML5 Canvas 的 3D 模型贴图问题
之前注意到的一个例子,但是一直没有沉下心来看这个例子到底有什么优点,总觉得就是一个 list 列表,也不知道右边的 3d 场景放两个节点是要干嘛,今天突然想起来就仔细地看了一下这个例子的代码,实际操作中应该还是有用处的,就跟大家分享一下。本例地址: http://hightopo.com/guide/guide/core/listview/examples/example_custom.html实...
2017-12-06 21:59:37 2173
原创 基于 HTML5 Canvas 的简易 2D 3D 编辑器
不管在任何领域,只要能让非程序员能通过拖拽来实现 2D 和 3D 的设计图就是很牛的,今天我们不需要 3dMaxs 等设计软件,直接用 HT 就能自己写出一个 2D 3D 编辑器,实现这个功能我觉得成就感还是爆棚的,哈哈!只要你会想,能做,就能根据这个编辑器延展成 big thing!本例地址:http://www.hightopo.com/demo/drag-create-data/ 下面是实现...
2017-12-03 21:57:04 2442
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关注的人