xhload3d
- 浏览: 201353 次
-
最新评论
-
tjzx：
文章图片gua了
基于 HTML5 Canvas 的交互式地铁线路图 -
1036225283：
好酷，这是怎么做的
基于HTML5的WebGL设计汉诺塔3D游戏 -
mangguo：
推荐一本书，html5 canvas核心技术 图形、动画和游 ...
基于HTML5 Canvas实现工控2D叶轮旋转 -
zhunengfei：
xhload3d 写道zhunengfei 写道你这个略叼，要 ...
ECharts+BaiduMap+HT for Web网络拓扑图应用 -
xhload3d：
zhunengfei 写道你这个略叼，要是有个Demo就好了， ...
ECharts+BaiduMap+HT for Web网络拓扑图应用
文章列表
今天又返回好好地消化了一下我们的数据容器 DataModel，这里给新手做一个典型的数据模型事件处理的例子作为参考。这个例子看起来很简单，实际上结合了数据模型中非常重要的三个事件处理的部分：属性变化事件监听、选中变化事件监听以及数据模型变化事件监听。
为了让这个例子具现化，我将这个简单的例子做了一点改动，下面我会一一解释。
例子地址：http://hightopo.com/guide/guide/core/datamodel/examples/example_datamodel.html
这是我改造之后的模样，将 dataModel 数据容器共享，通过对数据容器的增删事件的监听得到 ...
分子力(molecular force)，又称分子间作用力、范得瓦耳斯力，是指分子间的相互作用。当二分子相距较远时，主要表现为吸引力，这种力主要来源于一个分子被另一个分子随时间迅速变化的电偶极矩所极化而引起的相互作用；当二分子非常接近时，则排斥力成为主要的，这是由于各分子的外层电子云开始重叠而产生的排斥作用。
HT for Web 提供了弹力布局（也称为力导向布局）的功能，即根据节点之间存在互斥力，相互连接的节点间存在引力， 弹力布局运行一段时间后，整体拓扑网络结构会逐渐达到收敛稳定的平衡状态。这个功能很有趣，今天我们就将它的魅力展现出来。
本例地址：http://www.hightop ...
伴随国内经济的高速发展，人们对安全的要求越来越高。为了防止下列情况的发生，您需要考虑安装安防系统： 提供证据与线索：很多工厂银行发生偷盗或者事故相关机关可以根据录像信息侦破案件，这个是非常重要的一个线索。还有一些纠纷或事故，也可以通过录像很容易找出相关人员的责任。 人防成本高：现在很多地方想到安全就想到要雇佣保安，每个保安每个月 800，每天 3 班倒，一班人员一年就需要将近 4 万元，相比于电子安防设备成本并不便宜，而且使用电子安防设备几年内就不太需要更换。所以人防成本相对也很高。人防辅助：多数情况下，完全靠人来保证安全是一件很困难的事情，很多事情需要电子保安器材（如监视器、报警器）辅助才 ...
第一人称在 3D 中的用法要参考第一人称在射击游戏中的使用，第一人称射击游戏（FPS）是以第一人称视角为中心围绕枪和其他武器为基础的视频游戏类型 ; 也就是说，玩家通过主角的眼睛来体验动作。自从流派开始以来，先进 ...
在数学中，矩阵是以行和列排列的数字，符号或表达式的矩形阵列，任何矩阵都可以通过相关字段的标量乘以元素。矩阵的主要应用是表示线性变换，即
建设性的立体几何具有许多实际用途，它用于需要简单几何对象的情况下，或者数学精度很重要的地方，几乎所有的工程 CAD 软件包都使用 CSG（可以用于表示刀具切削，以及零件必须配合在一起的特征）。CSG 是 Constructive Solid Geometry 建模技术的简称，通过裁剪 subtract、融合 union 和相交 intersect 的运算，组合出复杂模型效果，HT 封装了 ht.CSGNode 和 ht.CSGShape 等图元类型来支持 CSG 的组合功能，常用于墙面的门窗挖空凿洞的应用场景。
CSG 对象可以用二叉树表示，其中叶子表示基元，节点表示操作。在这个图中， ...
CSG 构造实体几何这个概念在工业水利水电施工上、游戏上已经有很多人使用了，最简单的实体表示叫作体元，通常是形状简单的物体，如立方体、圆柱体、棱柱、棱锥、球体、圆锥等。根据每个软件包的不同这些体元也有所不同，在一些软件包中可以使用弯曲的物体进行 CSG 处理，在另外一些软件包中则不支持这些功能。构造物体就是将体元根据集合论的布尔逻辑组合在一起，这些运算包括：并集、交集以及补集。我们一般可以用 CSG 来将简单的模型合在一起生成复杂的模型，这样在构造模型的时候会省很多力。
HT 中的 ht.CSGNode 图元类型就是参考 CSG 封装的一个函数，ht.CSGNode 继承于 ht.Node ...
工业方面制作图表，制作模型方面运用到 3d 模型是非常多的，在一个大的环境中，构建无数个相同的或者不同的模型，构建起来对于程序员来说也是一件相当头疼的事情，我们利用 HT 帮大家解决了很大的难题，无数个例子可在官网上查找到 http://hightopo.com/demos/index.html。
本文 Demo 地址： http://hightopo.com/guide/guide/plugin/obj/examples/example_objajax.html
这次我们的例子是将这些实例中的一小部分思想抽取出来，作为给大家的分析，看看这次实现的例子效果图：
这个例子用了 HT ...
发现现在工业SCADA上或者电信网管方面用图表的特别多，虽然绝大部分人在图表制作方面用的是echarts，他确实好用，但是有些时候我们不能调用别的插件，这个时候就得自己写这些美丽的图表了，然而图表轻易做不成美丽的。。。看到有一个网站上在卖的图表，感觉挺好看的，就用 HT for Web 3D 做了一个小例子，挺简单的，也挺好看的，哈哈~
Demo 地址： http://www.hightopo.com/demo/WireframeAnim/index.html
动态效果图如下：
昨天看到一篇文章说是学习如何开飞机的，然后我就想，如果我也可以开飞机那就好玩了，每个人小时候都想做飞行员！中国飞行员太难当了，再说也不轻易让你开飞机！后来我就想如果能用 HT 开飞机那就是真的有趣了，哈哈 ...
突然有个想法，如果能把一些用到不同的知识点放到同一个界面上，并且放到一个盒子里，这样我如果要看什么东西就可以很直接显示出来，而且这个盒子一定要能打开。我用HT实现了我的想法，代码一百多行，这么少的代码能 ...
为了实现一个基于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_XMzA5MzUzODc4NA==.html?spm=a2h3j.8428770.3416059.1视频中出现的帧的问题是我屏幕录制器的问题，真正操作的时候不会有，建议用上面的链接自己操作玩玩，鼠标或者触 ...
这是公司大神写的一个放官网上给用户学习的例子，我一开始真的不知道这是在干嘛，就只是将三个形状图元组合在一起，然后可以同时旋转、放大缩小这个三个图形，点击“Animate”就能让中间的那一个图元单独绕着某一个点旋转，表单最上方的“Axis”真的完全不知道拿来干嘛用的，觉得好累赘，而且是官网的demo，也没有解释。。。所以我今天得任务就是完全剖析这个例子！
本文例子：http://www.hightopo.cn/demo/3drotate/3d-rotate.html
首先让我们来看下这个案例：
我们来看看如何操作这个3d交互模型，可以直接滑动“Rotation”的滑动条，你会看到3d和左 ...
现在，3D模型已经用于各种不同的领域。在医疗行业使用它们制作器官的精确模型；电影行业将它们用于活动的人物、物体以及现实电影；视频游戏产业将它们作为计算机与视频游戏中的资源；在科学领域将它们作为化合物的精确模型；建筑业将它们用来展示提议的建筑物或者风景表现；工程界将它们用于设计新设备、交通工具、结构以及其它应用领域；在最近几十年，地球科学领域开始构建三维地质模型，而且3D模型经常做成动画，例如，在故事片电影以及计算机与视频游戏中大量地应用三维模型。它们可以在三维建模工具中使用或者单独使用。为了容易形成动画，通常在模型中加入一些额外的数据，例如，一些人类或者动物的三维模型中有完整的骨骼系统，这样 ...
用户鼠标移入时，有弹出框出现，这样的需求很常见。这在处理HTML元素实现时简单，但是如果是对HTML5 Canvas 构成的图形进行处理，这种方法不再适用，因为Canvas使用的是另外一套机制，无论在Canvas上绘制多少图形，Canvas都是一个整体。而图形本身实际都是Canvas的一部分，不可单独获取，所以也就无法直接给某个图形增加JavaScript事件。然而，在HT for Web中，这种需求很容易实现，场景如下：
这个场景图是基于HT for Web的JSON文件，可能大家对怎么生成这样的JSON文件有疑惑，其实这里是基于这个麻雀虽小五脏俱全的“HTML5拓扑图编辑器” ...