更新于2019/9/24
-
模型数量控制
JsManager.js
中minNum
和maxNum
只限定模型的编号范围- 模型可以使用提供的api(
addModel
或divCreate
)来增加,其最大数量为maxNum
-minNum
- 源代码中默认生成一个添加模型的按钮(在
JsManager.js
的$(document).ready(function() {
中,可自行更改
-
增加模型:
- (此步只是建议,没有强制要求)将模型文件夹(名称无限制)放在
assets
文件夹中 - 在
LAppDefine.js
中修改json
文件路径(默认所有编号对应的模型相同),模型资源自行下载
- (此步只是建议,没有强制要求)将模型文件夹(名称无限制)放在
-
样式修改的位置:
live2d
canvas:live2d.css
(LAppDefine.js
,JsManager.js
)- 提示框:
tips.css
(JsManager.js
) - 按钮:
live2d.css
(JsManager.js
) - 按钮以及提示框的开启:
JsManager.js
的need_button
和need_tips
- 在
webGL/{filename}.html
中添加
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script src="src/new/JsManager.js"></script>
<script src="src/new/tips.js"></script>
<script src="src/origin/live2d.js"></script>
<script src="src/origin/Live2DFramework.js"></script>
<script src="src/origin/LAppDefine.js"></script>
<script src="src/origin/LAppLive2DManager.js"></script>
<script src="src/origin/MatrixStack.js"></script>
<script src="src/origin/LAppModel.js"></script>
<script src="src/origin/ModelSettingJson.js"></script>
<script src="src/origin/PlatformManager.js"></script>
<script src="src/origin/SampleApp.js"></script>
<link rel="stylesheet" type="text/css" href="src/new/live2d.css">
<link rel="stylesheet" type="text/css" href="src/new/tips.css">
- 其中`JsManager.js`,`live2d.js`,`Live2DFramework.js`必须排在1,2,3的位置
- 如果不想使用tips功能,可不加载`tips.js`,`tips.css`
- 使用
host
加载webGL
目录,用浏览器打开对应ip地址
- 多模型无缝加载:现在如果模型加载过快,会导致部分模型加载不出来