ThreeJS ZIP文件规范

因TheeJS的开发较灵活，为了让您可以顺利地使用平台ThreeJS转试玩工具进行试玩广告打包，请遵守以下规范：

一、文件结构

bash [项目根目录] 
├─editor[引擎目录] 
│   ├─build 
│   ├─loaders 
│   ├─postprocessing 
│   ├─shaders 
│   └─utils 
├─img[图片资源] 
├─model[模型资源] 
├─audio[音频资源] 
├─src[脚本资源] 
│ └─index.js[脚本入口] 
├─tween[动画资源] 
└─index.html[入口页面]

二、资源组织

所有资源（图片、模型、音频等）放在id为res的单独script中，该script放在index.html中，资源名称为allRes（值为严格的JSON数据），格式如下：

<script id="res">
  const allRes = {
    "model": [
      "./model/xiaolvyu2.gltf",
      "..."
    ],
    "ui": [
      "./img/bar.png",
      "..."
    ],
    "endUI": [
      "./img/fail/Defeated.png",
      "..."
    ]
  }
</script>

请注意，allRes需严格的JSON数据，且在allRes下面必须是key: array的层级结构。 容易出错的点有：

1. JSON中的key没有双引号 如下面的第3行、第7行：

<script id="res">
  const allRes = {
    model: [
      "./model/xiaolvyu2.gltf",
      "..."
    ],
    'ui': [
      "./img/bar.png",
      "..."
    ],
    "endUI": [
      "./img/fail/Defeated.png",
      "..."
    ]
  }
</script>

2.数组最后一个元素后面多了逗号 如下面的第5行结尾和第14行结尾

<script id="res">
  const allRes = {
    "model": [
      "./model/xiaolvyu2.gltf",
      "./model/xiaolvyu3.gltf",
    ],
    "ui": [
      "./img/bar.png",
      "./img/bar1.png"
    ],
    "endUI": [
      "./img/fail/Defeated.png",
      "./img/fail/hi.png"
    ],
  }
</script>

3. 资源层级结构有误 如下面的第3行，就少了一个层级：

<script id="res">
  const allRes = {
    "model": "./model/xiaolvyu2.gltf",
    "ui": [
      "./img/bar.png",
      "./img/bar1.png"
    ],
    "endUI": [
      "./img/fail/Defeated.png",
      "./img/fail/hi.png"
    ]
  }
</script>
注：本文出自smartad.xingyunsys.com，原始链接：ThreeJS ZIP文件规范（转载请注明出处）