stevenjoezhang/live2d-widget

把萌萌哒的看板娘抱回家 (ノ≧∇≦)ノ | Live2D widget for web platform

live2d-widget's Issues

无论按照说明进行fork或自己架设，打开自己网站后只能显示菜单栏，人物不显示

只有用您的cnd才能加载人物，fork到自己的GitHub里面把username换了自己的不显示，一换成您的瞬间显示，已附图。

为什么手机端不能访问？

为什么手机端不能访问？

网页侧边栏展开时会挡住模型，请问应该如何修改？

网页是blog.acha666.cn，不知道能不能把模型放到侧边栏之上？

请问如何用代码控制动作?

我想用代码控制看板娘的动作, 比如什么时候说话, 往哪里看. 这个是在live2d.min.js中的函数来控制的吗? 是否有未压缩版本的?
谢谢

live2d 切换人物模型资源加载问题

问题：waifu-tips.js 进行资源加载时error ！
如图所示：

加载模型：Live2D 模型 6-0 加载完成后出现错误
html page error msg ：
Package size exceeded the configured limit of 50 MB. Try https://github.com/fghrsh/live2d_api/tree/1.0.0/model/HyperdimensionNeptunia/nepnep/general/pose.json instead.
已尝试解决方案：
切换文件内部资源加载链接为本地：
42行 script.src = "https://cdn.jsdelivr.net/gh/GalaxyMimi/CDN/asteroids.js";
54行 open("https://github.com/stevenjoezhang/live2d-widget");
仍未解决；分析原因可能不是因为这两份资源导致。
如大佬有时间请看一下是否能处理，不胜感激。
说明：通过demo进行测试人物切换一样的问题。

控制台显示Refused to apply style

控制台显示拒绝应用样式，想问一下大佬是不是不能直接用github上的css文件

看板娘位置设置在右边后不显示工具栏

在waifu.css中设置了
`
#waifu {
bottom: -1000px;
right: 0; // 让看板娘出现在最右侧
line-height: 0;
margin-bottom: -10px;
position: fixed;
transform: translateY(3px);
transition: transform .3s ease-in-out, bottom 3s ease-in-out;
z-index: 1;
}

#waifu-tool {
color: #aaa;
opacity: 0;
position: absolute;
left: 10px; // 设置工具栏在左侧显示
top: 70px;
transition: opacity 1s;
}
`
后访问只在右侧加载了看板娘，不能加载工具栏。求助。

使用了自己上传npm的包，看板娘变模糊了

我按照示例说的fork了一份到自己的repo中，使用jsdelivr去加载js脚本，但是发现做了更改后，jsdelivr不更新，仍然使用老的缓存，所以后来打包到npm上，让jsdelivr读npm的包，这样可以及时更新，但发现和原来比，看板娘变模糊了，没弄懂是为什么。
我只是把看板娘挪到了右侧。

应用的网址是
https://blog.houtiao.club
大神能帮忙看看吗？

（作废，停止使用）项目基于GPL协议开源，是否需要将引用模型的网站也全部按GPL协议开源？

如何让看板娘必须手动点开

能不能不让看板娘，点开网页就弹出？

是否有看板娘全部完成的回调方法

我这边加了一个拖动看板娘的js，但是绘制看板娘是异步加载的，没发判断看板娘是否绘画完成，拿到的waifu是空的，可否加一个看板娘绘画完成的回调方法？

想请教一下canvas外事件响应和loadlive2d的实现

Hi,
我想请教一下您项目里的live2d canvas上事件响应的实现：如何让鼠标移出canvas后live2d角色的目光依然能跟随光标运动。
另外，waifu-tips.js中的loadlive2d是否是live2d.min.js中的函数。我在您的代码中没有找到对应的实现。live2d的事件响应是在这里做的吗？
谢谢！

Font Awesome 的 js 使按钮点击无反应

使用自己的live2d_api无法加载图片

①live2d_api是直接clone https://github.com/fghrsh/live2d_api.git 的，地址是https://live2dapi.teriri.cc/
②使用原来的apiPath=https://live2d.fghrsh.net/api/可以正常加载图片


③但使用自己的api，就无法加载：

在hexo博客中配置后，没有显示看板娘

配置过程参考博客
https://blog.pangao.vip/Hexo%E5%8D%9A%E5%AE%A2NexT%E4%B8%BB%E9%A2%98%E7%BE%8E%E5%8C%96%E4%B9%8B%E6%96%B0%E5%A2%9E%E7%9C%8B%E6%9D%BF%E5%A8%98(%E8%83%BD%E8%AF%B4%E8%AF%9D%E3%80%81%E8%83%BD%E6%8D%A2%E8%A3%85)/

调试的时候，各个js文件都能访问到

其次，下载的demo-1.html无法正常显示
而访问README中的demo-1则能正常显示

xhr请求太多了, 影响到了调试, 怎么破?

如图, 一直在请求着

报错 SyntaxError: JSON Parse error: Unrecognized token '<'

我按照你的说明在 Hexo NexT 的 source/_data/head.swig 中添加了相关的代码

<script src="/live2d/autoload.js"></script>

也修改了autoload.js相应的 live2d-path 路径

const live2d_path = "/live2d/";

把 fghrsh/live2d_api/ 的代码部署到了有 Nginx 和 PHP 环境的服务器上建立了api ，但是浏览器依然报错如下，请问是哪里配置还需要修改吗？

看板娘也无法正确加载

关于加载模型的方式

目前想要加载自定义模型要自己搭后端，感觉不太方便。能否修改成通过这个live2d-helper或者类似的方式加载模型？这样既不用自己搭后端，也可以通过jsdelivr之类的cdn加速live2d贴图的访问。

换成html代码大概长下面这个样子。

<script
  defer="defer"
  src="https://cdn.jsdelivr.net/npm/[email protected]/dist/index.min.js"
  onload='if (screen.width >= 768) {
    document.body.insertAdjacentHTML("beforeend", `
      <div id="waifu">
        <canvas id="live2d"></canvas>
      </div>`);
    setTimeout(() => {
        document.getElementById("waifu").style.bottom = 0;
        document.getElementById("waifu").style.right = 0;
        document.getElementById("waifu").style.zIndex = 1;
        document.getElementById("waifu").style.position = "fixed";
      }, 0);
    loadLive2d({
        canvas: "live2d",
        baseUrl: "https:\/\/cdn.jsdelivr.net/gh/fghrsh/live2d_api/model/HyperdimensionNeptunia/nepnep",
        model: "https:\/\/cdn.jsdelivr.net/gh/fghrsh/live2d_api/model/HyperdimensionNeptunia/nepnep/index.json",
        width: "300",
        height: "415"
      })
  }'
></script>

看板娘左下角未贴紧网页下边缘，如何调整偏移量

找不到对应修改的位置了，大佬可以指出修改的位置吗？

如何把模型替换成自定义模型

waifu-tip.js 中 初始化模型中modelID modeltexture ID 如何指定成 自定义的模型

关于人物位置和人物被遮挡

有两位看板娘会浮空，一位位置过下。还有看板娘会被我的首页遮挡

点击拍照没有反应

点击照相图标后没有下载图片

请问如何更改模型上下左右偏移量？

模型把按钮挡住了

后端的API该怎么用呀

initWidget is not efined

demo1.html 和我用hexo部署的报错一样，是我哪里配置的不对么。

感谢！

怎么改变live2d的尺寸啊

document.body.insertAdjacentHTML("beforeend", <div id="waifu"> <div id="waifu-tips"></div> <canvas id="live2d" width="800" height="800"></canvas> <div id="waifu-tool"> <span class="fa fa-lg fa-comment"></span> <span class="fa fa-lg fa-user-circle"></span> <span class="fa fa-lg fa-street-view"></span> <span class="fa fa-lg fa-camera-retro"></span> <span class="fa fa-lg fa-info-circle"></span> <span class="fa fa-lg fa-times"></span> </div> </div>);

@media (max-width: 768px) {
#waifu {
display: none;
}
}

我改这2个好像都不行啊，大佬，可以解答一下吗，谢谢

域名证书过期

https://live2d.fghrsh.net
域名证书已过期

live2d加载成功不显示图片

遇到了这样该这么解决

不支持手机平台吗

试了一下iphone和一台魅族，都显示不出来。

浏览器报:initWidget is not defined

您好，我把live2d_path设置成我服务器上的live2d-widget的路径，而且也能在浏览器上访问到live2d.min.js和waifu-tips.js这两个js文件，但是浏览器却报报了三个错误：
Uncaught SyntaxError: Unexpected token return
Uncaught SyntaxError: Unexpected token this
Uncaught ReferenceError: initWidget is not defined
我把live2d_path换成了https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget/能成功显示，博客是用hexo+next7.1主题

关于看板娘按钮位置更改

我现在实在无法改变按钮的位置，我的播放器挡住了，请问该如何改变按钮位置

看板娘不显示工具栏，只显示模型

不知道为什么不显示工具栏，求大佬指点
控制台加载正常，就是现实大小为0x0

网址：galaxy-studio.ga

live2d.min.js source code 源码

请问大佬 live2d.min.js 源码，没打包过的版本，有吗？（不单指压缩。）

为什么会同时加载两个看板娘

我是把项目clone到 hexo 主题里的，用相对路径加载后怎么 左右 会各有一个看板娘？ 大神帮忙看看：

点击关闭按钮后，如何让他再次显示？

如题，是不是如果关闭，是不是每次都要清理浏览器缓存才能重新显示？

请问 Breath.mtn 是什么东东？

您好 在console看到很多类似Breath5.mtn 的302重定向，请问这是做什么用的呀。谢谢~

不能变装？

貌似只有海王星的那个可以，其他的都不行，不过米米的博客里的可以，请求公开api
(从那个博客上扒的“https://api.zsq.im/live2d ”貌似不能用，只有在页面刚刷新出来的时候响应几秒钟)(或者是我的问题) :(

怎么才能让看板娘显示在右下角或者说可以拖动

求助

想请教一下如何关闭对话

Chrome调试报错：autoload.js:26 Uncaught ReferenceError: initWidget is not defined

作者大大您好，我在使用插件的过程中遇到了以下问题：在使用您提供的地址

//const live2d_path = "https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget/";

时看板娘可以正常显示，但是我把您的资源完整拷贝了一份到我的仓库中，改成了

const live2d_path = "./live2d-widget/"，

看板娘就无法正确显示了。Chrome调试报错：

autoload.js:27 Uncaught ReferenceError: initWidget is not defined
Uncaught SyntaxError: Unexpected token return
ncaught SyntaxError: Unexpected token this

我发现之前也有人问过这个问题，不过我试了一下他的方法，还是不行。请问您知道是怎么回事吗？我的博客地址是：Eric_fish's Blog

如何让手机端显示看板娘

无法加载看板娘

是因为api的证书到期了吗？取消注释CDN的那行还是不能加载

在本地服务器已经部署了所有文件，也已配置好，但加载后还是没有效果

看板娘是可以加载出来的，但是对于看板娘的设置已经进行修改(如说的话和大小)，可是依旧和你的GitHub里的源码原配置相同，说的话还是没变。附上地址:http://47.95.121.139/wp/
缓存也经过刷新了。。。没用。。。
还有想问一下如何设置大小才能使手机也显示看板娘:https://2heng.xin/👈像这个
麻烦作者了

有没有大佬把模型移到网页的右下角去的呀

改到右下角是要改css对嘛，代码量多吗

live2d使用的谷歌字体api失效

使用live2d之后，由于其中调用的谷歌字体api无法使用，导致网站加载速度被拖慢，在文件中也没有找到是什么代码请求了谷歌字体api，所以想请来问如何关闭谷歌字体api请求。

我终于知道如何添加右键快捷通道了

我终于知道如何添加右键快捷通道了，特地来分享一下。
新加的函数一定要写在function initModel()这个函数下！！！否则没用！！！
参考写法：

$("#live2d").mousedown(function(e) {
	if(e.which==3){
	showMessage("秘密通道<br/><a href=\"https://crowdrink.com/\" title=\"首页\">首页 </a><a href=\"https://crowdrink.com/wplogin\" title=\"后台\" target=\"_blank\">后台 </a><a href=\"http://101.133.211.86\" title=\"宝塔\" target=\"_blank\">宝塔</a> ",4000,10);
	}
});
$("#live2d").bind("contextmenu", function(e) {
	return false;
});

WordPress 无法显示看板娘, 但是在 F12 控制台中显示加载已完成而且有连接请求.

header.zip
这是我主题的 header.php.
附上 F12 截图和运行环境:

感谢 dalao.

Add i18n support.

Hi there.

Please forgive me writing this issue in English, my Chinese isn't very well.

I was super interested in this project and wanted to have i18n - multiple languages support. I have made a fork of this project to support those who needs to add language of your own.

https://github.com/nonsoft-dev/live2d-widget-i18n

The idea is to swap the waifu language in real-time.

This requires i18n-js dependency and I have modified quite a bit of codes without proper testing. Therefore, I'll not make a pull request to add in but I think it's great to share for those who're looking for the same thing as me :).

Thank you for such an awesome widget 🎊 🎊.

Keep up with the great work!

希望调整一下waifu-toggle-active的z-Index

我为body设置了背景图片，然后在body上面盖了一层wrap，为warp设置了一个半透明背景，然后发现warp把waifu-toggle-active覆盖以致于waifu-toggle-active点不了，如下图所示。虽然也可以通过调整自己页面元素的z-Index来修复，但还是觉得调整waifu-toggle-active的z-Index来的优雅。

另外一个建议是fontawesome可以升级到新版的https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css，支持的图标更多而且更新

哥带我飞

飞啊飞