Closed xiazeyu closed 6 years ago
请提供重现方法
Unable to get property 'getDrawDataIndex' of undefined or null reference at Live2DFramework.js (274,1) 感觉和模型有关。 看起来是一个关于触摸的Test失败了
Chrome 闪烁无法重现 仅Edge出现闪烁
正在学习如何使用js控制css。 我觉得我目前使用的js方法直接调整canvas是不好的。
链接:http://pan.baidu.com/s/1jI6A9Ye 密码:wk8f
目前正在尝试的一个很迷的修改:
<div id="hexo-helper-live2d">
<canvas id="${config.id}" width="${config.width * 2}" height="${config.height * 2}" class="${config.className}"></canvas>
</div>
<style>
#${config.id} {
position: fixed;
${config.position}: ${config.horizontalOffset}px;
z-index: 999;
pointer-events: none;
bottom: ${config.verticalOffset}px;
opacity: ${config.opacity};
}
</style>
<script src="/live2d/device.min.js"></script>
<script type="text/javascript">
(function(){
if(device.mobile()){
${config.mobileShow ? `
document.getElementById("${config.id}").width = ${config.mobileWidth * 2};
document.getElementById("${config.id}").height = ${config.mobileHeight * 2};
document.getElementById("${config.id}").style.width = ${config.mobileWidth};
document.getElementById("${config.id}").style.height = ${config.mobileHeight};
document.getElementById("${config.id}").style.opacity = ${config.mobileOpacity};
document.write('<script type="text/javascript" src="/live2d/script.js"><\\/script>');
document.write('<script>loadlive2d(${JSON.stringify(config.id)}, ${JSON.stringify(url.resolve("/live2d/assets/", config.model + ".model.json"))}, 0.5)<\\/script>');
` : ``}
}else{
document.getElementById("${config.id}").style.width = ${config.width};
document.getElementById("${config.id}").style.height = ${config.height};
document.write('<script type="text/javascript" src="/live2d/script.js"><\\/script>');
document.write('<script>loadlive2d(${JSON.stringify(config.id)}, ${JSON.stringify(url.resolve("/live2d/assets/", config.model + ".model.json"))}, 0.5)<\\/script>');
}
})();
</script>
为什么你不用 css 媒体查询呢 https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Media_queries
媒体查询 不太知道怎么用Orz
${
config.hiddenOnMobile ? `
@media (max-width: 768px) {
#hexo-helper-live2d {
visibility: hidden;
}
}
` : ''
}
我现在是通过device.min.js,根据设备类型判断移动设备。 我的理解是媒体查询可以根据具体的设备进行适配,所以说要修改的话貌似需要找到720p,1080p等设备的合适大小,而我现在的css什么的是直接用js修改的,直接加入css媒体查询,想先把这个版本实现了再看吧。
7问题 将scaling调至大于1时,由于实际大小与显示大小不同,所以鼠标指针的跟随也会出现问题,右下角无法识别
所有问题均已分散为小问题,此issue关闭
~~1,Unable to get property 'getDrawDataIndex' of undefined or null reference at Live2DFramework.js (274,1)~~
与#26 有关OrzFixed, WFT, Tested.3,移动设备上的WebGL模糊 Fixed, brought bug76.opacity2,Blinking issue.即有的时候canvas会闪烁黑色7,头部位置问题4,[Improves]移动设备加入重力感应5,[Improves]每日一句