首先准备一个html,放在tomcat的webapps的文件夹下,或者利用Hbuilder(hbuilder内置服务器了的),下载好的文件也放在webapps下
由于看板娘用到ajax技术,而ajax利用file系统访问资源会出现跨域的错误,所以必须通过http协议访问,也就是用tomcat运行或者用hbuilder打开,demo代码如下
[AppleScript] 纯文本查看 复制代码
Live2D!
发送
召唤蕾姆
var message_Path = '/Live2dRem/live2d/';//资源目录,如果目录不对请更改
var talkAPI = "";//如果有类似图灵机器人的聊天接口请填写接口路径
这里要特别注意四个地方
1、
这个地方连接到的是看板娘的css文件,如果live2d文件夹是直接放在webapps的话,用上面的就可以,其他位置自行修改即可
2、var message_Path = '/Live2dRem/live2d/';
资源文件目录,这里与live2d\js\message.js有关,需要根据自己的配置进行修改
3、
前端调用看板娘的核心,如果live2d文件夹是直接放在webapps的话,用上面的就可以,其他位置自行修改即可
接下来需要对live2d\js\message.js文件进行修改,没有工具的话利用记事本大法,直接拖到最下面
Snipaste_-10-09_10-57-17.png (17.82 KB, 下载次数: 34)
-10-9 10:59 上传
"model/rem/remu2048/texture_00.png"为看板娘的图片路径
4、
这个是存放音乐地址,根据自己音乐存放的文件目录进行更改
如果说运行成功的话,最终会得到如下图的效果
Snipaste_-10-09_11-06-27.png (39.17 KB, 下载次数: 47)
-10-9 11:06 上传
如果想要用其他的看板娘的话,只需下载好live2d模型然后覆盖model文件夹,修改live2d\js\message.js文件的对应两处即可
demo百度云链接如下
游客,如果您要查看本帖隐藏内容请回复