15 Babylonjs基础入门 高度图

这一节,我们的目标是了解高度图,并学习如何生成真实的地面。

15 Babylonjs基础入门 高度图
设置一个材质添加上纹理,并贴到一个平面上面。

高度图的说明

了解高度图是本节的主要目标。高度图只是一个灰度图像,就像我们要使用的图像一样:

15 Babylonjs基础入门 高度图
  • 最小高度
  • 最大高度
  • 场景对象
  • 是否动态更新此网格(true为是,false为不会更新)
  • 成功后的回调,将在创建高度贴图并创建完网格的顶点后触发。回调函数的第一个参数为网格对象。
  • 最后,具有高度的网格创建完成后,我们只需要再添加上材质:

    现在,我们就实现了地球的3D视图。

    15 Babylonjs基础入门 高度图
    • 提示
      当用户操作相机时,如果他能看到底下,或者缩小到天空盒外面,可能会很尴尬。为了避免这种情况,我们约束的相机运动:
    • 官方高度图案例

    来源:暮志未晚Webgl

    声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

    上一篇 2019年2月15日
    下一篇 2019年2月15日

    相关推荐