因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的层级结构。 容易出错的点有:
<script id="res">
const allRes = {
model: [
"./model/xiaolvyu2.gltf",
"..."
],
'ui': [
"./img/bar.png",
"..."
],
"endUI": [
"./img/fail/Defeated.png",
"..."
]
}
</script>
<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>
<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>