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. w_o说道:
    Google Chrome Windows 10

    大佬,很想请教你一下。你左下角的音乐播放器是怎么实现的

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

      github 找 APlayer

  2. shany说道:
    Google Chrome Windows 10

    作者,你这个图15,我看得都惊了,这是要配上音乐做成galgame的节奏呀

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

      打扰了

  3. pp说道:
    Opera Windows 10

    为什么在css改默认位置 在网页上打开审查元素看还是迷人left是0

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

      自己确认下引用的 CSS 文件的地址咯

  4. hi说道:
    Google Chrome Windows 10

    瞎飘有点厉害 :huaji15: :huaji20:

  5. Small_tail说道:
    Google Chrome Windows 10

    大佬大佬,请问音乐播放器是啥啊,很棒的啊

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

      APlayer

  6. Small_tail说道:
    Google Chrome Windows 10

    还有,为何Chrome的图标是旧的,看着好难受(

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

      懒得换了。。。要换都得换

  7. istarry说道:
    QQbrowser Windows 10

    chrome内核的浏览器如qq,谷歌点击模型后移动很小不正常,而ie内核的浏览器,edge点击模型后能正常移动

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

      经测试 Chrome 正常。

      1. istarry说道:
        QQbrowser Windows 10

        有时候正常,有时候就不正常了。。。。

    2. MoeWang说道:
      Google Chrome Windows 10

      QQ内置的浏览器内核不应该是自家QQ浏览器的内核吗?吓得我在QQ给自己小号发了一条消息,确认是QQ浏览器内核 :huaji13:

  8. 沉默的羊说道:
    Google Chrome Windows 7

    大神 我像换看板娘模型 换成自己做的 可以告诉我如何操作或者给我个文章学习么?谢谢啦

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

      文末参考文章链接中有较为详细的解释

  9. 柒瑞说道:
    Google Chrome Windows 10

    黄站!实锤了!
    https://i.loli.net/2019/02/01/5c540b8500b76.png

    :huaji:

    1. 小白-白说道:
      WebView Android 7.0

      是的 这是个黄站

  10. 艾莉雅说道:
    Firefox Windows 8.1

    大佬有hexo的插件吗

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

      无,但是可以自己手动修改添加,具体参考此评论:
      https://www.fczbl.vip/about.html/comment-page-3#comment-3816
      同时也可以参考下本文文末的几个链接。

当前页面评论已关闭。