three.js and cesium

Three.js是一个轻量级的跨浏览器JavaScript库，用于在浏览器中创建和显示动画3D计算机图形。将Cesium的行星级渲染和GIS功能与Three.js广泛而易用的通用3D API相结合，为新的WebGL体验开启了许多可能性。3D JavaScript库现在已经完全成熟并且广为人知，使得开发人员可以避免在浏览器中使用3D的麻烦。开发人员可以轻松创建相机，对象，灯光，材质和图形，并选择渲染器，使用HTML 5的画布，WebGL或SVG绘制场景。

因为Cesium和Three.js都是用于3D可视化的，并且是从头开始用JavaScript构建的，所以它们有相似之处，可以将这些惊人的库集成在一起。我对这两个框架进行整合的方法比看起来简单：我将这两个框架分离到了不同的视图中，并参考了HTML Canvas元素，并将它们的控制器组合在同一个坐标系中。由于两者都是开源的，我可以分享这个演示，这将涵盖一些基础知识。

上：铯现场。中：Three.js场景。下：组合的场景。

铯是一个为了创建数字地球而开发的三维图书馆，其渲染对于真实的地球来说是非常精确的。借助3D Tiles，开发人员可以将几乎所有内容都重新渲染到浏览器中的数字画布上。

指导铯的基本渲染原理与Three.js没有太大区别。Three.js是用于渲染3D对象的强大3D库。通过在两个场景中复制铯的球面坐标系和匹配的数字地球，很容易将两个单独的渲染引擎层整合到一个主场景中。我将给出一个关于其整合方法的简单说明，如下所示：

• 初始化Cesium渲染器，
• 初始化Three.js渲染器，
• 初始化这两个库的3D对象，和
• 循环渲染器。

   
   
   
   
   
   
   
   


   

   

   

       

   

   

感兴趣的可以留言或发邮件[email protected]，欢迎一起探讨！