LBS 开发微课堂｜通过openGL ES轻松实现建筑物渲染及动画

为了让广大开发者

更深入地了解

百度地图开放平台的

技术能力

轻松掌握满满的

技术干货

更加简单地接入

位置服务

我们特别推出了

“位置服务（LBS）开发微课堂”

系列技术案例

第五期的主题是

通过openGL ES轻松实现

建筑物渲染及动画

对于智能穿戴设备的开发者来说，在亲子守护这类应用场景下，精确展示儿童当前的位置信息尤为重要。特别是在复杂的建筑物中，需要能够详尽地指示出儿童所在的建筑物及具体位置。

那么，如何能够在地图上结合定位技术，贴合楼块轮廓，对定位所在的楼块进行自定义纹理展示，并实现当前所在楼栋内的楼层变化的动画效果呢？

今天，我们将详细介绍如何在移动端使用OpenGL ES绘制一个n面棱柱，并探讨纹理贴图、侧面索引的原理及楼层动画的实现过程。

通过代码的方式，帮助开发者更好地理解地图SDK自定义建筑物渲染的整个过程，就让我们一起来学习一下吧！

01 绘制建筑物

1.1 定义顶点与索引

绘制建筑物本质上是绘制n面棱柱体。n面棱柱的顶点数据包括底面顶点、顶面顶点和侧面顶点。

底面和顶面是n边形，侧面由底面和顶面的对应顶点连接而成。

核心代码示例：

// 示例：绘制一个六面棱柱（即长方体）GLfloat vertices[] = {
  
      // 底面顶点    -0.5f, -0.5f, -0.5f,    0.5f, -0.5f, -0.5f,    0.5f, -0.5f,  0.5f,    -0.5f, -0.5f,  0.5f,    // 顶面顶点    -0.5f,  0.5f, -0.5f,    0.5f, &