承蒙各位厚爱,css-tricks 已有 1284 star,在广大同行浏览的过程中,听到的最多的声音其实不是这个部分咋写的,这个实现有什么问题,而是……这个猫咋弄的,总让我认为大家只是为了撸猫才点了 star (平均日活 70 左右让我更加怀疑)。
于是乎,决定把 cat 这个组件写成 vuepress 的插件,这样大家在自己的网站就可以撸自己的猫了(使用 vuepress 搭建的)。
项目地址 https://github.com/QiShaoXuan/vuepress-plugin-cat
npm i vuepress-plugin-cat -S
.vuepress/config.js
module.exports = {
plugins: [
"vuepress-plugin-cat",
]
}
让你的 vuepress 项目跑起来,猫就出现在右下角了~
对了,vuepress-plugin-cat
会根据页面路由的切换随机加载白猫或者黑猫~
欢迎 star ~
1
tankren 2019-08-13 10:15:40 +08:00
能做个狗狗的吗 小柴犬或者小金毛 对猫不感兴趣。。
|
2
ltm 2019-08-13 13:49:23 +08:00 via Android
👍
|
3
fuckshit 2019-08-13 13:50:58 +08:00
这是啥?
|
4
di1012 2019-08-13 13:52:16 +08:00
我想撸个二哈
|
5
sobigfish 2019-08-13 14:19:17 +08:00
不就是 live2d 么
|
6
sinu 2019-08-13 14:23:39 +08:00
撸下~之前玩过大师 制作的 live2DModel
|
7
37Y37 2019-08-13 14:24:24 +08:00
为楼主点赞,确实不错,希望出狗,哈哈
顺便再贴下之前根据楼主的猫写的这个简单的文章,让感兴趣的小伙伴有一点点了解或者是在自己的项目(非 vue )中养猫 https://ops-coffee.cn/s/xkrxfg4NULauzyU7uZqVwQ |
9
DemonQ OP @37Y37 live2dWeight 不知道是我用的姿势不对还是咋的,总是有问题,所以换成 live2d 了,live2dWeight 其实也只是封装了下 live2d,
可以看下 https://github.com/QiShaoXuan/live2DModel,我原先用 live2dWeight 转换模型一直有问题 |
11
strugglexiang 2019-08-13 15:08:47 +08:00
👍
|
12
hirasawayui 2019-08-13 15:32:50 +08:00
请画师画个呆唯放到博客左下角美滋滋,可是画师放我鸽子,到现在还没给我画。
|
13
DemonQ OP @hirasawayui 这个是需要做成模型,然后利用 live2d 生成,我只是利用了两个已有的模型
|
14
Anshi 2019-08-13 15:41:48 +08:00
这猫没有毛,撸不动
|
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 |
16
wsseo 2019-08-13 16:14:57 +08:00
猫颜祸水
|
17
a62527776a 2019-08-13 17:03:36 +08:00 via Android
猫呢
|
18
hirasawayui 2019-08-13 17:17:48 +08:00
@DemonQ 做成模型首先要有图,拆分成细碎的零件就可以生成模型
|
19
jiejiss 2019-08-14 08:52:57 +08:00
|
20
Ehco1996 2019-08-14 09:05:11 +08:00
@DemonQ 请问有裸的 js 的版本么?可以直接 import 到 html 直接用的那种,老网站前端还是用 jquery 写的。上不动 vue 之类的框架啦
|
21
DemonQ OP @Ehco1996 可以在 github 搜下 live2d,有基于源码封装的,也有直接用源码的,还有很多模型
也可以看下 https://github.com/QiShaoXuan/live2DModel |