ICE到CRH gltf格式three.js Web 3D可视化

效果截图：

• JSON文件解析：
  • scene：glTF格式的场景结构描述条目。它通过引用node来定义场景图。 node：场景图中的一个结点。它可以包含一个变换(比如旋转或平移)，引用更多的子结点。它可以引用网格和相机，以及描述网格变换的蒙皮。
    补充：
    glTF格式使用scene对象来描述场景。对glTF数据的JSON文件进行解析时，对场景结构的遍历也是从scene对象开始。每个scene对象引用了一个nodes数组，nodes数组通过索引引用了场景的根结点。
  • camera：定义了用于渲染场景的视锥体配置。
  • mesh：描述了场景中出现的3D对象的网格数据。它引用的accessor对象可以用来访问真实的几何数据。它引用的material对象定义了3D对象的外观。
  • skin：定义了用于蒙皮的参数，参数的值通过一个accessor对象获得。
  • animation：描述了一些结点如何随时间进行变换(比如旋转或平移)。
  • accessor：一个访问任意数据的抽象数据源。被mesh、skin和animation元素使用来提供几何数据，蒙皮参数和基于时间的动画值。它通过引用一
  • bufferView对象，来引用实际的二进制数据。
  • material：包含了定义3D对象外观的参数。它通常引用了用于3D对象渲染的texture对象。
  • texture：定义了一个sampler对象和一个image对象。sampler对象定义了image对象在3D对象上的张贴方式。 buffer，bufferView和accessor：提供了对mesh对象实际的几何数据的描述。
  • image: 可以指可以用作渲染对象纹理的外部图像文件。