建模

在UML类图中，常见的有以下几种关系: 泛化（Generalization）, 实现（Realization），关联（Association)，聚合（Aggregation），组合(Composition)，依赖(Dependency) 1. 泛化（ Generalization ） 【泛化关系】：是一种继承关系，表示一般与特殊的关系，它指定了子类如何特化父类的所有特征和行为。例如：老虎是动物的一种，即有老虎的特性也有动物的共性。 【箭头指向】：带三角箭头的实线，箭头指向父类 2. 实现（ Realization ） 【实现关系】：是一种类与接口的关系，表示类是接口所有特征和行为的实现. 【箭头指向】：带三角箭头的虚线，箭头指向接口 3. 关联（ Association) 【关联关系】：是一种拥有的关系，它使一个类知道另一个类的属性和方法；如：老师与学生，丈夫与妻子关联可以是双向的，也可以是单向的。双向的关联可以有两个箭头或者没有箭头，单向的关联有一个箭头。 【代码体现】：成员变量 【箭头及指向】：带普通箭头的实心线，指向被拥有者 上图中，老师与学生是双向关联，老师有多名学生，学生也可能有多名老师。但学生与某课程间的关系为单向关联，一名学生可能要上多门课程，课程是个抽象的东西他不拥有学生。 下图为自身关联： 4. 聚合（ Aggregation ） 【聚合关系】：是整体与部分的关系

http://www.hightopo.com/demo/pipeline/index.html 《 数百个 HTML5 例子学习 HT 图形组件 – WebGL 3D 篇 》里提到 HT 很多情况下不需要借助 3Ds Max 和 Blender 等专业 3D 建模工具也能做出很多效果，例如 http://www.hightopo.com/guide/guide/core/3d/examples/example_3droom.html 这个 3D 电信机房监控例子整个都是通过 HT 提供的 API 构建而成： 不过这个例子中的模型都比较规矩，也就消防栓由一个球 + 圆通构成，其他图形通过 HT 提供的基本 Node 以及 Shape 对象即可搞定： 但这并不意味着 API 只能做简单的模型，《 HT for Web 建模手册 》中介绍的 HT 建模插件可以让有想象力的同学做出各种不可思议的效果。例如这个餐座椅的例子： http://www.hightopo.com/guide/guide/plugin/modeling/examples/example_custommodel.html 对于这个餐座椅的例子，特别是一些不规则的花盆、酒杯、圣诞树和那颗爱心，很多人好奇我们是怎么搞出来的。其实蛮简单，就用了《 HT for Web 建模手册 》中的 createRingModel 和

有不少朋友询问《 HTML5 Web 客户端五种离线存储方式汇总 》文章例子的3D表计模型是如何生成的，这个例子是通过导入3dmax设计好的表计模型，然后通过obj格式导入到 HT for Web 系统中进行控制，这种方式特别适合复杂模型的应用场景，但对于监控系统的很多应用其实并不需要专业的美工使用专业的3D编辑工具，完全通过 HT for Web 预定义的和内置自定义3D模型API就能满足很多应用，这里介绍几种场景的自定义3D模型应用。 上图是采用 HT 提供的 createRingModel 函数，通过编辑2D的多边形生成对应的环状的3D模型，对于花瓶碗杯等环形对称的物体很适合采用该函数构建。除了 createRingModel 外，HT的建模手册中的custommodel自定义模型例子，还采用了createExtrusionModel等更多的自定义模型API构建了一个餐桌椅和墙面的场景，其效果如下： HT 内置的基础模型也有很多参数可调节设置出多种模型效果，参见 HT 建模手册的如下例子： 自定义模型还可用于构建如机房、机框、板卡和端口的常见电信网管监控模型： http://v.youku.com/v_show/id_XODY2ODc0ODY0.html 该EMS设备管理系统例子3D模型和Tree组件通过HT强大灵活的模型与图形的数据绑定功能