犬's Blog


I'm very vegetable and very poor.

Live2D 看板娘来了！

2018-02-24 207条评论 169.67k次阅读 337人点赞 小白-白

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

本作品采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可
点赞
最后编辑：2019-08-21
  1. 保罗说道：
    2018-02-24 23:11

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

    1. 小白-白说道：
      2018-02-24 23:16

      允许跨域的啊

    2. 小白-白说道：
      2018-02-24 23:22

      :yinxian: 不对 是被拦截了

  2. 广树说道：
    2018-02-26 19:57

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

    1. 小白-白说道：
      2018-02-26 20:15

      :huaji9: 加上了 继续凑

      1. 广树说道：
        2018-02-27 14:08

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

        1. 小白-白说道：
          2018-02-27 14:09

          :huaji11: 手抖...抱歉

    2. FGHRSH说道：
      2018-02-27 21:33

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

      1. 小白-白说道：
        2018-02-27 21:46

        :meng: 老铁稳

      2. 北海说道：
        2018-02-27 21:54

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

        1. FGHRSH说道：
          2018-02-27 22:00

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

      3. 小白-白说道：
        2018-02-27 22:50

        :huaji17: 这或许就是大佬吧

  3. 泽泽说道：
    2018-03-01 11:08

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

    1. 小白-白说道：
      2018-03-01 11:09

      来波地址

      1. 泽泽说道：
        2018-03-01 11:10

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

        1. 小白-白说道：
          2018-03-01 11:13

          OK

  4. True说道：
    2018-03-01 19:11

    :zhenbang: 厉害。。。。

  5. Hcreak说道：
    2018-03-08 12:22

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

    1. Hcreak说道：
      2018-03-08 20:36

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

      1. 小白-白说道：
        2018-03-08 22:20

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

  6. 千玄说道：
    2018-03-13 23:04

    如果不显示 22 怎么办~

    1. 小白-白说道：
      2018-03-14 00:08

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

  7. usg1024说道：
    2018-03-20 09:30

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

    1. 小白-白说道：
      2018-03-20 09:41

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

    2. 小白-白说道：
      2018-03-20 15:51

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

      1. 广树说道：
        2018-03-21 13:10

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

        1. 小白-白说道：
          2018-03-21 21:03

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

      2. 广树说道：
        2018-03-22 12:30

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

        1. 小白-白说道：
          2018-03-22 12:50

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

      3. 广树说道：
        2018-03-24 15:20

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

        1. 小白-白说道：
          2018-03-24 17:42

          或许吧 我也没真的Mac

      4. usg1024说道：
        2018-03-26 09:39

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

  8. usg1024说道：
    2018-03-26 09:38

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

    1. 小白-白说道：
      2018-03-26 12:11

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

  9. 洛汐说道：
    2018-03-26 11:09

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

    1. 小白-白说道：
      2018-03-26 12:06

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

  10. 樱花说道：
    2018-03-26 18:41

    有木有纯html版本的啊~

    1. 小白-白说道：
      2018-03-26 19:32

      无 可以自己提取

1 2 3 … 8

当前页面评论已关闭。