现在，3D模型已经用于各种不同的领域。在医疗行业使用它们制作器官的精确模型；电影行业将它们用于活动的人物、物体以及现实电影；视频游戏产业将它们作为计算机与视频游戏中的资源；在科学领域将它们作为化合物的精确模型；建筑业将它们用来展示提议的建筑物或者风景表现；工程界将它们用于设计新设备、交通工具、结构以及其它应用领域；在最近几十年，地球科学领域开始构建三维地质模型，而且3D模型经常做成动画，例如，在故事片电影以及计算机与视频游戏中大量地应用三维模型。它们可以在三维建模工具中使用或者单独使用。为了容易形成动画，通常在模型中加入一些额外的数据，例如，一些人类或者动物的三维模型中有完整的骨骼系统，这样运动时看起来会更加真实，并且可以通过关节与骨骼控制运动。
先来看看整体实现的效果图：
想让2d图片在3d管线上移动则是使用g3d.toViewPosition(position)来获取3d模型的二维坐标，这个函数中的参数就是三维模型的3d坐标，我们可以直接将polyline管线上的点传入toViewPosition函数中，这边获取管线上的点在ht中已经封装好三个函数getLineCacheInfo、getLineLength、getLineOffset，这样就可以直接获取到二维坐标，然后将img的坐标设置上去即可，以下是img图片在管道上移动的代码：
可以看到图中第二层中的立方体上有“SDH”的字样，我是通过设置shape3d.top.img: imgURL来实现的，这边的imgURL可以是图片的相对路径，也可以是ht中用ht.Default.setImage声明的img的名称，还可以是json格式构造的图片。在ht中，2D文字显现在3D上，则字体周围会出现“锯齿”，这个时候只要设置“label.transparent: true”即可。
底层的一个环形的效果是通过一个算法来实现的，环形得确认这个环形上有多少个元素，然后算每两个之间的角度，在通过sin、cos来计算每一个元素的位置，得出了如下代码：
![第一个APP——GeoQuiz[图]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)