V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
DemonQ
V2EX  ›  程序员

少年,撸猫吗?

  •  4
     
  •   DemonQ · 2019-08-13 10:10:24 +08:00 · 5051 次点击
    这是一个创建于 1915 天前的主题,其中的信息可能已经有所发展或是发生改变。

    承蒙各位厚爱,css-tricks 已有 1284 star,在广大同行浏览的过程中,听到的最多的声音其实不是这个部分咋写的,这个实现有什么问题,而是……这个猫咋弄的,总让我认为大家只是为了撸猫才点了 star (平均日活 70 左右让我更加怀疑)。

    cat.png

    于是乎,决定把 cat 这个组件写成 vuepress 的插件,这样大家在自己的网站就可以撸自己的猫了(使用 vuepress 搭建的)。

    项目地址 https://github.com/QiShaoXuan/vuepress-plugin-cat

    使用

    1. 安装 npm i vuepress-plugin-cat -S
    2. 添加到 .vuepress/config.js
    module.exports = {
      plugins: [
        "vuepress-plugin-cat",
      ]
    }
    

    让你的 vuepress 项目跑起来,猫就出现在右下角了~

    对了,vuepress-plugin-cat 会根据页面路由的切换随机加载白猫或者黑猫~

    相关项目

    欢迎 star ~

    21 条回复    2019-08-14 10:17:53 +08:00
    tankren
        1
    tankren  
       2019-08-13 10:15:40 +08:00
    能做个狗狗的吗 小柴犬或者小金毛 对猫不感兴趣。。
    ltm
        2
    ltm  
       2019-08-13 13:49:23 +08:00 via Android
    👍
    fuckshit
        3
    fuckshit  
       2019-08-13 13:50:58 +08:00
    这是啥?
    di1012
        4
    di1012  
       2019-08-13 13:52:16 +08:00
    我想撸个二哈
    sobigfish
        5
    sobigfish  
       2019-08-13 14:19:17 +08:00
    不就是 live2d 么
    sinu
        6
    sinu  
       2019-08-13 14:23:39 +08:00
    撸下~之前玩过大师 制作的 live2DModel
    37Y37
        7
    37Y37  
       2019-08-13 14:24:24 +08:00
    为楼主点赞,确实不错,希望出狗,哈哈

    顺便再贴下之前根据楼主的猫写的这个简单的文章,让感兴趣的小伙伴有一点点了解或者是在自己的项目(非 vue )中养猫

    https://ops-coffee.cn/s/xkrxfg4NULauzyU7uZqVwQ
    DemonQ
        8
    DemonQ  
    OP
       2019-08-13 14:59:21 +08:00
    @sobigfish 我寻思着也没说不是啊
    DemonQ
        9
    DemonQ  
    OP
       2019-08-13 15:01:27 +08:00
    @37Y37 live2dWeight 不知道是我用的姿势不对还是咋的,总是有问题,所以换成 live2d 了,live2dWeight 其实也只是封装了下 live2d,
    可以看下 https://github.com/QiShaoXuan/live2DModel,我原先用 live2dWeight 转换模型一直有问题
    sobigfish
        10
    sobigfish  
       2019-08-13 15:03:39 +08:00
    @DemonQ #8 只是在回复上面再问是啥的。
    不过 live2d 有协议的 你们都直接删了就是了?
    strugglexiang
        11
    strugglexiang  
       2019-08-13 15:08:47 +08:00
    👍
    hirasawayui
        12
    hirasawayui  
       2019-08-13 15:32:50 +08:00
    请画师画个呆唯放到博客左下角美滋滋,可是画师放我鸽子,到现在还没给我画。
    DemonQ
        13
    DemonQ  
    OP
       2019-08-13 15:41:12 +08:00
    @hirasawayui 这个是需要做成模型,然后利用 live2d 生成,我只是利用了两个已有的模型
    Anshi
        14
    Anshi  
       2019-08-13 15:41:48 +08:00
    这猫没有毛,撸不动
    huiyadanli
        15
    huiyadanli  
       2019-08-13 16:05:09 +08:00
    以前我也对 live2d 的官方 demo 做过封装。。。自用的。。(亚斯娜的模型,50+的衣服)
    https://github.com/huiyadanli/live2d-helper.js

    官方其实有最新的开源实现,针对 Cubism 3 的。貌似对 2 的模型支持的不好。。。
    https://github.com/Live2D/CubismJsComponents
    wsseo
        16
    wsseo  
       2019-08-13 16:14:57 +08:00
    猫颜祸水
    a62527776a
        17
    a62527776a  
       2019-08-13 17:03:36 +08:00 via Android
    猫呢
    hirasawayui
        18
    hirasawayui  
       2019-08-13 17:17:48 +08:00
    @DemonQ 做成模型首先要有图,拆分成细碎的零件就可以生成模型
    Ehco1996
        20
    Ehco1996  
       2019-08-14 09:05:11 +08:00
    @DemonQ 请问有裸的 js 的版本么?可以直接 import 到 html 直接用的那种,老网站前端还是用 jquery 写的。上不动 vue 之类的框架啦
    DemonQ
        21
    DemonQ  
    OP
       2019-08-14 10:17:53 +08:00   ❤️ 1
    @Ehco1996 可以在 github 搜下 live2d,有基于源码封装的,也有直接用源码的,还有很多模型
    也可以看下 https://github.com/QiShaoXuan/live2DModel
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1041 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 46ms · UTC 23:07 · PVG 07:07 · LAX 15:07 · JFK 18:07
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.