Live2D 看板娘来了!

l2d33.png
没错,这是一篇水文(逃
:huaji13: 其实早想加了的,不过没有找到好模型,最近在萝莉霖那 PY 到了 2233 的模型,便开始动手了。
emmm 折腾过程我就不多说了,参考原文:jad 大佬的博客

修改

稍微不同的是呢,我这不是固定在左下角的,和以前用的 spig 一样,可以瞎**飘( :huaji15: 半身模型飘起来是不是很刺激?)。

随机 API

为了换装,写了个简陋的 API:https://moedog.org/api/live2d/?model=rand :huaji14: 大佬勿喷
注意:此接口无法直接使用

WordPress 插件 (22&33)

WP大法好!
为了加起来方便呢,将其制成了插件 (WordPress),不过这个插件只有 33 (一套衣服),至于更多服装以及换装的实现,自己稍微琢磨下呗~

另外呢,这个插件需要 jQuery 和 Font Awesome 的支持,如果你的主题没有这两个东西,请去插件设置页面启用一下
:huaji8: 不同主题,适配可能不太一样,有些地方自己调整下,不是我的锅。。。

下载地址:

单 33 单服装版本:
https://github.com/xb2016/33-live2d-wp

2233 可换装版本:
https://github.com/xb2016/poster-girl-l2d-2233
Star 老套路, :huaji22: 求star啊!

22&33 插件 Typecho 移植版 (感谢泽泽)

原地址:https://qqdie.com/archives/l2d233.html

https://pan.baidu.com/s/1QfV4-LsOb0zZd8pbdTw8PA

DaiDR 酱的 WordPress 插件 (Pio)

原地址:https://daidr.me/archives/code-176.html

https://pan.lanzou.com/i0s0gva

保罗酱的 Typecho 插件 (通用)

原地址:https://paugram.com/coding/add-poster-girl-with-plugin.html

https://github.com/Dreamer-Paul/Pio

广树酱的 emlog 插件 (伊斯特瓦尔)

原地址:https://www.wikimoe.com/?post=76

https://gitee.com/eeg1412/Live2dHistoire

FGHRSH 酱的 Z-Blog PHP 插件 (Pio&Tia)

原地址:https://www.fghrsh.net/post/123.html

https://cdn-v2.fghrsh.net/blogcdn/2018/01/201801041447_706.zba

WOC 这是要凑齐全家桶的节奏?

参考

https://imjad.cn/archives/lab/add-dynamic-poster-girl-with-live2d-to-your-blog-01
https://imjad.cn/archives/lab/add-dynamic-poster-girl-with-live2d-to-your-blog-02
https://github.com/journey-ad/live2d_src

点赞
  1. 保罗说道:
    Google Chrome Windows 10

    发现你的 API 不支持跨域使用啊,是不是不打算对外? :pen:

    1. 小白-白说道:
      Firefox Windows 10

      允许跨域的啊

    2. 小白-白说道:
      Firefox Windows 10

      :yinxian: 不对 是被拦截了

  2. 广树说道:
    Google Chrome Windows 10

    我的是emlog插件版,你是wordpress插件版,还有文中提到的保罗typecho,感觉都要齐了 :heixian:

    1. 小白-白说道:
      Firefox Windows 10

      :huaji9: 加上了 继续凑

      1. 广树说道:
        Google Chrome Windows 7

        你有没有觉得我的名字打错了呀?

        1. 小白-白说道:
          Firefox Windows 10

          :huaji11: 手抖...抱歉

    2. FGHRSH说道:
      Google Chrome Windows 10

      :huaji5: https://www.fghrsh.net/post/123.html Z-BlogPHP 版

      1. 小白-白说道:
        Firefox Windows 10

        :meng: 老铁稳

      2. 北海说道:
        WebView Android 4.4.2

        说好的出插件意义不大 骗人qaq

        1. FGHRSH说道:
          Google Chrome Windows 10

          :huaji11: 主要是,该折腾的还是要折腾... (修改提示语

      3. 小白-白说道:
        Firefox Windows 10

        :huaji17: 这或许就是大佬吧

  3. 泽泽说道:
    Google Chrome Windows 10

    typecho的我根据你的github的版本进行了1:1移植 :yi:

    1. 小白-白说道:
      Firefox Windows 10

      来波地址

      1. 泽泽说道:
        Google Chrome Windows 10

        https://qqdie.com/archives/l2d233.html
        临时测试地址http://beta.qqdie.com/

        1. 小白-白说道:
          Google Chrome Android 7.0

          OK

  4. True说道:
    Google Chrome Windows 10

    :zhenbang: 厉害。。。。

  5. Hcreak说道:
    Microsoft Edge Windows 10

    2333 全家桶 ありがとうございます

    1. Hcreak说道:
      Microsoft Edge Windows 10

      Bug: 看板娘的照相 Edge和IE11都挂了 应该是微软的锅。。。 :huaji:

      1. 小白-白说道:
        Firefox Windows 10

        乱七八糟的兼容我就不管了 反正我是Firefox用户

  6. 千玄说道:
    Sogou Explorer Windows 7

    如果不显示 22 怎么办~

    1. 小白-白说道:
      Firefox Windows 10

      IIS 请检查服务器是否允许下列MIME类型:json,moc,mtn

  7. usg1024说道:
    Google Chrome Mac OS X 10.13.3

    mac版chrome显示不了了呢,看起来应该是苹果的锅!

    1. 小白-白说道:
      Firefox Windows 10

      羡慕苹果... 下次搞个虚拟机看看

    2. 小白-白说道:
      Safari Mac OS X 10.12.6

      Safari正常,Chrome有毒,很多东西都有问题==

      1. 广树说道:
        Google Chrome Windows 7

        大佬也帮我看看我的看板娘在mac的兼容性如何。

        1. 小白-白说道:
          Firefox Windows 10

          我这Chrome看到的也是翻车状态....
          cap0.jpg

      2. 广树说道:
        Google Chrome Windows 7

        WebGL翻了吗?我的代码是有写浏览器是否支持WebGL检测的……怕是阿三最近又写出什么幺蛾子了。

        1. 小白-白说道:
          Firefox Windows 10

          我在想会不会是虚拟机的锅 有些CSS动画也是时隐时现

      3. 广树说道:
        Google Chrome Windows 7

        那可能是gpu加速的问题了?

        1. 小白-白说道:
          Firefox Windows 10

          或许吧 我也没真的Mac

      4. usg1024说道:
        Google Chrome Mac OS X 10.13.3

        还有,评论区怎么发图是个问题

  8. usg1024说道:
    Google Chrome Mac OS X 10.13.3

    chrome就一个对话框飘来飘去,看不见小娘http://p3gbuimhk.bkt.clouddn.com/18-3-26/83326175.jpg
    ![](http://p3gbuimhk.bkt.clouddn.com/18-3-26/83326175.jpg)

    1. 小白-白说道:
      Firefox Windows 10

      你这和我测试一样,随便访问了一些站,live2d都不能正常显示。
      我这里评论不支持md 图片请使用img标签发送

  9. 洛汐说道:
    QQbrowser Windows 7

    为什么 我的后台 没得设置 也不可以换装QAQ

    1. 小白-白说道:
      Firefox Windows 10

      请自行访问链接下载最新版

  10. 樱花说道:
    Google Chrome Windows 7

    有木有纯html版本的啊~

    1. 小白-白说道:
      Firefox Windows 10

      无 可以自己提取

1 2 3 8

当前页面评论已关闭。