编码three.js时使用的.json和.js文件有什么区别?

时间:2015-03-23 12:02:45

标签: javascript three.js

.json和.js文件用于three.js。它们是对象格式之一。他们之间有什么区别?他们需要不同的装载器来装载物体吗?

我正在关注这三个例子:http://mrdoob.github.io/three.js/examples/webgl_materials_cars.html。在该示例中,使用了用于对象的.js文件和用于该BinaryLoader的文件。但是,当我做同样的方法时,我使用.js文件为我的对象使用BinaryLoader,它没有用。它适用于JSONLoader。所以我想知道如何识别相应对象的.js或.json文件和加载器?

1 个答案:

答案 0 :(得分:1)

  

.json和.js文件用于three.js。它们是对象的格式之一。他们之间有什么区别?

js扩展名标记的内容应该是脚本遵循javascript语法,因此是人类可读的。

json扩展名标记的内容应该是树结构,遵循javascript对象语法(javascript对象与3d对象无关),因此是人类可读的。此结构对.js扩展名有效,换句话说任何有效的json文件也是有效的js文件。

三个js加载器来自大部分文件解析器。这些加载器根本不关心文件扩展名。它被忽略了。解析器唯一重要的是文件的内容。

  

他们需要不同的装载程序来加载对象吗?

据我所知,three.js能够加载多种结构。每种类型都有自己的加载器(加载器包含一个或多个解析器)。

最基本的是JSONLoader。它需要具有特定json结构的文件(关于材料,法线,位置,纹理坐标和更多或更少的数据,并非一切都是强制性的)。

您提供的示例使用BinaryLoader。这个二进制加载器需要两个文件(据我所知)。第一个文件包含json结构,其中包含材料和其他文件的位置(因此json解析器用于解析此文件)。第二个文件包含缓冲区(有关法线,位置,纹理坐标...的数据)并且是二进制文件。我不知道这里使用了什么确切的二进制结构。你看,这是一种混合,如果你在json结构中提供缓冲区数据,它将无法读取它。

我听说的最后一个加载器是fbxloader,它可以读取在blender中创建的结果。但我不确定这个是否有效。

  

在该示例中,使用了对象和该BinaryLoader的.js文件。但是,当我做同样的方法时,我使用.js文件为我的对象使用BinaryLoader,它没有用。

我希望现在很清楚。 BinaryLoader期望两个文件具有json和二进制结构。它忽略文件名,包括扩展名。如果您创建两个名为blablabla.wtf和blabla.omg的文件,但内部结构正确,则可以正常工作。我猜你有一个文件具有正确的json结构。这仅适用于JSONLoader。

有关文件加载器的更多信息

我们可以谈论3个方面。解析速度,文件大小和可维护性。 如果要在运行中下载越来越多的数据,解析速度更为重要。 如果当前大小将打破某些限制(不应该或不能打破),文件大小更重要。 如果您需要大量更改文件内容,则可维护性更为重要。

二进制格式更适合文件大小和解析速度。但主流浏览器使用gzip / bzip压缩,这使得json文件的大小几乎与二进制文件大小相同。可维护性应始终是最重要的方面。 Json结构非常易于维护和调试。对于拥有大量资产的大型和强大项目,fbx或其他二进制格式更好。

修改

我担心我将不得不再解释一下......

让我们讨论一下整个概念。让我们说我们有一个空虚的世界,我们想把两个模型放在里面,简单的立方体和一些动物。

有三种基本方法可以做到这一点。在程序上生成它,使用外部数据或混合(部分是程序性的,部分是外部数据)。

程序或混合可能是例如海浪。

程序生成由程序中的某些算法完成,而外部数据必须与一些程序工具,即加载器一起插入。

立即检查立方体和动物。立方体只是由6个平面组成的简单物体。它不能移动,呼吸,吃东西。它只是存在。另一方面,动物要复杂得多,它不会只停留在中间而且不会移动。所有这些都将成为外部数据(文件或文件)的一部分。

我提供了两个截然不同的东西,但重要的是要知道即使最简单的东西在3D中也很复杂,并且可以通过不同的方式进行操作。例如,那个立方体有什么颜色?每架飞机都有相同的颜色吗?它有光泽吗?它可以反映吗?

主要的是加载器可以接受,阅读和理解什么样的描述。首先,您必须了解有关加载程序的所有内容,然后才能创建对象。

这是JSONLoader接受的结构的示例: https://github.com/mrdoob/three.js/wiki/JSON-Geometry-format-4 https://github.com/mrdoob/three.js/wiki/JSON-Material-format-4

例如,如果"metadata"包含"type": "Geometry",则加载程序会查找"indices""vertices""normals""uvs"。某些部分可能是可选的,例如"uvs"。 简单的立方体只能从顶点组装,但它可能不是这个特定的加载器所知道的,即使你的结构确实存在,加载器也许是未知的。

二进制加载器是非常不同的,因为二进制代码中没有单词,只有0和1.所以你需要大量的元数据来指定内部的确切内容。元数据可以是同一文件或某些不同文件的一部分。但它又取决于加载器在哪里寻找它们。

  

请告诉我,JSON结构意味着什么?

通常我指的是特定加载器可读的结构。

  

我猜它可能是.js文件的内容。

如果您提供了示例,则此文件中的是json结构: http://mrdoob.github.io/three.js/examples/obj/veyron/VeyronNoUv_bin.js

  

.js文件内容与BinaryLoader一起使用时有所不同,因为你提到它包含缓冲区。

更准确地说,它不包含缓冲区。它包含关键字"buffers":,引导我们提交文件" VeyronNoUv_bin.bin",其中是缓冲区的数据。 它还包含与" VeyronNoUv_bin.bin"相关的其他重要信息。 (有多少顶点,法线等。)。所以你可以说,.js文件内容包含自身的元数据和相关二进制文件的元数据。

有关顶点,法线等的数据稍后会加载到程序的缓冲区中,这就是他们选择关键字缓冲区的原因。更精确的识别将是 dataForBuffers

  

当它与JSONLoader一起使用时,它包含很长的顶点列表。我理解对了吗?

完全!使用JSONLoader时,会重新列出顶点等的长列表,然后将其加载到缓冲区中。