Code Monkey home page Code Monkey logo

poster-girl-l2d-2233's Introduction

poster-girl-l2d-2233

2233娘的 Live2D 看板娘插件(WordPress)!

Demo: https://moedog.org/946.html

请注意,考虑到用户访问体验,我们移除了移动端加载。如果有此需求,请下载旧版本或自己修改实现。

使用方法

  1. Star 本项目

  2. Download ZIP, 解压,如有需要请先按下文说明修改插件配置

  3. 上传至站点 /wp-content/plugins 目录下

  4. 登录后台启用即可

配置

此插件需要 JQuery 支持,如果你的主题并没有引入,请编辑插件 index.php 引入

此插件包含果体模型,默认是不显示的,如有需要请编辑 model/api.php 文件

此插件默认第一次访问为随机加载模型,如需指定请编辑 model/api.php 文件

更多配置请修改 js/waifu-tips.js 文件

另外,服务器需要允许下列 MIME 类型才可以正常使用:.json / .moc / .mtn

感谢

感谢 @huzikai0424 @SkiTiSu 对 waifu-tips.js 的优化。

授权

由于原项目使用 GPL 2.0 协议,故本项目也采用相同的开源协议进行授权。

另,2233 版权归 bilibili 所有!

原创不易!如果喜欢本项目,请 Star 它以示对我的支持

使用的开源项目

Author

poster-girl-l2d-2233 © Moedog, Released under the GPL-2.0 License.

Blog moedog.org · GitHub @xb2016 · Twitter @moesdog · Telegram @xb2016

poster-girl-l2d-2233's People

Contributors

xb2016 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

poster-girl-l2d-2233's Issues

如何让2233板娘固定

感觉浏览网站的同时 2233跳来跳去会遮挡要阅读的内容..需要去托拽 有没有什么办法能够使其固定或者只在文章两侧空白处出自由活动..

关于ajax的问题

您好,非常喜欢您写的2233看板娘,请问有办法让看板娘支持ajax或pjax加载吗?

期待您的回复~非常感谢!!!

点击后鼠标不动却会向右下方移动一些距离及解决方法

首先感谢作者的作品~

参见下方动画,在我的博客以及显示器、浏览器环境中,点击看板娘会出现向右下方移动一下的情况,导致所有按钮还没有mouseup就跳走无法点击的情况。

经过检查,发现是获取到的offsetX和offsetY可能有问题,不知道是不是因为我的显示器是高分屏导致的坐标错位。解决方案即都使用绝对位置,在mousedown事件开始时增加记住原始的绝对位置,以下是修改后的代码

    box.onmousedown=function(e){
	var Ocx=e.clientX;
	var Ocy=e.clientY;
	var Oboxx=parseInt(box.style.left);
	var Oboxy=parseInt(box.style.top);
        var Ch=document.documentElement.clientHeight;
        var Cw=document.documentElement.clientWidth;
        document.onmousemove=function(e){
            var Cx=e.clientX;
            var Cy=e.clientY;
            box.style.left=Oboxx+Cx-Ocx+"px";
            box.style.top=Oboxy+Cy-Ocy+"px";
            if(box.offsetLeft<0){
                box.style.left=0;
            }
            else if(box.offsetLeft+box.offsetWidth>Cw){
                box.style.left=Cw-box.offsetWidth+"px";
            }
            if(box.offsetTop-topCount<0){
                box.style.top=topCount+"px";
            }
            else if(box.offsetTop+box.offsetHeight-topCount>Ch){
                box.style.top=Ch-(box.offsetHeight-topCount)+"px";
            }
            ismove = true;
        };
        document.onmouseup=function(e){
            document.onmousemove = null;
            document.onmouseup = null;
        }
    }

(Note: 根据首次加载动画进入的代码,并没有给元素赋left,会导致以下代码无法运行(因为Oboxx是undefined),我在上方进入动画根据实际需要(左边还有个播放器)加了left偏移,如果需要合并到主分支还请作者大大想想怎么处理比较好,我只对js懂一点点~)

作者您好,能否提供一下关于解决默认看板娘是22还是33还有手机端显示的思路呢(新版)

确实在研读了新版的与旧版的的代码能发现很多不同(原谅我仅仅是会看并且只能理解大体意思),昨天晚上搞了一个晚上只是找到了如何更改 hitogoto 还有 info 的 function (博客以后可能会面向学生,所以更改了很多会说的话,并且将 info 更改连接到你的 GitHub 地址下)。现在想请问作者如果可以的话能否提供一下 默认看板是 22 还是 33 还有手机端显示的思路么?

在此感谢!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.